diff --git a/.github/workflows/cypress-platform.yml b/.github/workflows/cypress-platform.yml
index 6c91a3f420..2577580715 100644
--- a/.github/workflows/cypress-platform.yml
+++ b/.github/workflows/cypress-platform.yml
@@ -59,7 +59,7 @@ jobs:
           echo "TOOLJET_DB_HOST=localhost" >> .env
           echo "TOOLJET_DB_PASS=postgres" >> .env
           echo "PGRST_JWT_SECRET=r9iMKoe5CRMgvJBBtp4HrqN7QiPpUToj" >> .env
-          echo "ENABLE_ONBOARDING_QUESTIONS_FOR_ALL_SIGN_UPS=true" >> .env
+          echo "ENABLE_ONBOARDING_QUESTIONS_FOR_ALL_SIGN_UPS=false" >> .env
           echo "PGRST_HOST=localhost:3001" >> .env
           echo "SSO_GIT_OAUTH2_CLIENT_ID=dummy" >> .env
           echo "SSO_GIT_OAUTH2_CLIENT_SECRET=dummy" >> .env
@@ -153,8 +153,26 @@ jobs:
       - name: use mybuilder buildx
         run: docker buildx use mybuilder
 
-      - name: Build docker image
-        run: docker buildx build --platform=linux/amd64 -f docker/production.Dockerfile  . -t tooljet/tj-osv:cypressplaform
+      - name: Docker Login
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}        
+
+      - name: Set SAFE_BRANCH_NAME
+        run: echo "SAFE_BRANCH_NAME=$(echo ${{ env.BRANCH_NAME }} | tr '/' '-')" >> $GITHUB_ENV
+
+      - name: Build and Push Docker image
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          file: docker/production.Dockerfile
+          push: true
+          tags: tooljet/tj-osv:${{ env.SAFE_BRANCH_NAME }}
+          platforms: linux/amd64
+        env:
+          DOCKER_USERNAME: ${{ secrets.DOCKER_USERNAME }}
+          DOCKER_PASSWORD: ${{ secrets.DOCKER_PASSWORD }}
 
       - name: Set up environment variables
         run: |
@@ -174,7 +192,7 @@ jobs:
           echo "PGRST_JWT_SECRET=r9iMKoe5CRMgvJBBtp4HrqN7QiPpUToj" >> .env
           echo "PGRST_HOST=postgrest" >> .env
           echo "PGRST_DB_URI=postgres://postgres:postgres@postgres/tooljet_db" >> .env
-          echo "ENABLE_ONBOARDING_QUESTIONS_FOR_ALL_SIGN_UPS=true" >> .env
+          echo "ENABLE_ONBOARDING_QUESTIONS_FOR_ALL_SIGN_UPS=false" >> .env
           echo "SSO_GIT_OAUTH2_CLIENT_ID=dummy" >> .env
           echo "SSO_GIT_OAUTH2_CLIENT_SECRET=dummy" >> .env
           echo "SSO_GIT_OAUTH2_HOST=dummy" >> .env
@@ -188,6 +206,16 @@ jobs:
       - name: Pulling the docker-compose file
         run: curl -LO https://tooljet-test.s3.us-west-1.amazonaws.com/docker-compose.yaml && mkdir postgres_data
 
+      - name: Update docker-compose file
+        run: |
+            # Update docker-compose.yaml with the new image
+            sed -i '/^[[:space:]]*tooljet:/,/^$/ s|^\([[:space:]]*image:[[:space:]]*\).*|\1tooljet/tj-osv:${{ env.SAFE_BRANCH_NAME }}|' docker-compose.yaml
+
+      - name: Install Docker Compose
+        run: |
+          curl -L "https://github.com/docker/compose/releases/download/v2.10.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
+          chmod +x /usr/local/bin/docker-compose
+
       - name: Run docker-compose file
         run: docker-compose up -d
 
@@ -200,7 +228,7 @@ jobs:
       - name: Wait for the server to be ready
         run: |
           timeout 1500 bash -c '
-          until curl --silent --fail http://localhost:80/apps/tooljet/; do
+          until curl --silent --fail http://localhost:3000/apps/tooljet/; do
             sleep 5
           done'
 
@@ -212,14 +240,14 @@ jobs:
         uses: jsdaniell/create-json@1.1.2
         with:
           name: "cypress.env.json"
-          json: ${{ secrets.CYPRESS_SECRETS }}
+          json: ${{ secrets.CYPRESS_SECRETS_SUBPATH }}
           dir: "./cypress-tests"
 
       - name: Platform-subpath
         uses: cypress-io/github-action@v5
         with:
           working-directory: ./cypress-tests
-          config: "baseUrl=http://localhost:80/apps/tooljet/"
+          config: "baseUrl=http://localhost:3000/apps/tooljet/"
           config-file: cypress-workspace.config.js
 
       - name: Capture Screenshots
diff --git a/.version b/.version
index a35c54823f..49b32b2c1c 100644
--- a/.version
+++ b/.version
@@ -1 +1 @@
-3.0.5-ce
+3.1.1-ce
diff --git a/cypress-tests/cypress.config.js b/cypress-tests/cypress.config.js
index 3ec3595644..3cb0aeac23 100644
--- a/cypress-tests/cypress.config.js
+++ b/cypress-tests/cypress.config.js
@@ -82,7 +82,7 @@ module.exports = defineConfig({
     experimentalModfyObstructiveThirdPartyCode: true,
     experimentalRunAllSpecs: true,
     baseUrl: "http://localhost:8082",
-    specPattern: "cypress/e2e/happyPath/platform/commonTestcases/**/*.cy.js",
+    specPattern: "cypress/e2e/happyPath/**/*.cy.js",
     downloadsFolder: "cypress/downloads",
     numTestsKeptInMemory: 0,
     redirectionLimit: 10,
diff --git a/cypress-tests/cypress/commands/apiCommands.js b/cypress-tests/cypress/commands/apiCommands.js
index 5c712323d2..b574ddb4aa 100644
--- a/cypress-tests/cypress/commands/apiCommands.js
+++ b/cypress-tests/cypress/commands/apiCommands.js
@@ -7,7 +7,7 @@ Cypress.Commands.add(
     redirection = "/"
   ) => {
     cy.request({
-      url: `http://localhost:3000/api/authenticate/${workspaceId}`,
+      url: `${Cypress.env("server_host")}/api/authenticate/${workspaceId}`,
       method: "POST",
       body: {
         email: userEmail,
@@ -69,7 +69,7 @@ Cypress.Commands.add("apiCreateApp", (appName = "testApp") => {
     Cypress.env("authToken", `tj_auth_token=${cookie.value}`);
     cy.request({
       method: "POST",
-      url: "http://localhost:3000/api/apps",
+      url: `${Cypress.env("server_host")}/api/apps`,
       headers: {
         "Tj-Workspace-Id": Cypress.env("workspaceId"),
         Cookie: `tj_auth_token = ${cookie.value}`,
@@ -103,7 +103,7 @@ Cypress.Commands.add("apiDeleteApp", (appId = Cypress.env("appId")) => {
   cy.request(
     {
       method: "DELETE",
-      url: `http://localhost:3000/api/apps/${Cypress.env("appId")}`,
+      url: `${Cypress.env("server_host")}/api/apps/${Cypress.env("appId")}`,
       headers: {
         "Tj-Workspace-Id": Cypress.env("workspaceId"),
         Cookie: Cypress.env("authToken"),
@@ -122,15 +122,26 @@ Cypress.Commands.add("apiDeleteApp", (appId = Cypress.env("appId")) => {
 
 Cypress.Commands.add(
   "openApp",
-  (
+  (slug = '',
     workspaceId = Cypress.env("workspaceId"),
     appId = Cypress.env("appId"),
     componentSelector = "[data-cy='empty-editor-text']"
   ) => {
+    cy.intercept('GET', '/api/v2/apps/*').as('getAppData');
     cy.window({ log: false }).then((win) => {
       win.localStorage.setItem("walkthroughCompleted", "true");
     });
-    cy.visit(`/${workspaceId}/apps/${appId}`);
+    cy.visit(`/${workspaceId}/apps/${appId}${slug}`);
+    cy.wait('@getAppData').then((interception) => {
+      // Assuming the response body is a JSON object
+      const responseData = interception.response.body;
+
+      // Set the response data as an environment variable
+      Cypress.env('apiResponseData', responseData);
+
+      // You can log it to check if the env var is set correctly
+      cy.log(Cypress.env('apiResponseData'));
+    });
     cy.get(componentSelector, { timeout: 10000 });
   }
 );
@@ -140,7 +151,7 @@ Cypress.Commands.add("apiCreateWorkspace", (workspaceName, workspaceSlug) => {
     cy.request(
       {
         method: "POST",
-        url: "http://localhost:3000/api/organizations",
+        url: `${Cypress.env("server_host")}/api/organizations`,
         headers: {
           "Tj-Workspace-Id": Cypress.env("workspaceId"),
           Cookie: `tj_auth_token=${cookie.value}`,
@@ -162,7 +173,7 @@ Cypress.Commands.add("logoutApi", () => {
     cy.request(
       {
         method: "GET",
-        url: "http://localhost:3000/api/logout",
+        url: `${Cypress.env("server_host")}/api/logout`,
         headers: {
           "Tj-Workspace-Id": Cypress.env("workspaceId"),
           Cookie: `tj_auth_token=${cookie.value}`,
@@ -180,7 +191,7 @@ Cypress.Commands.add("userInviteApi", (userName, userEmail) => {
     cy.request(
       {
         method: "POST",
-        url: "http://localhost:3000/api/organization_users",
+        url: `${Cypress.env("server_host")}/api/organization_users`,
         headers: {
           "Tj-Workspace-Id": Cypress.env("workspaceId"),
           Cookie: `tj_auth_token=${cookie.value}`,
@@ -207,7 +218,7 @@ Cypress.Commands.add("addQueryApi", (queryName, query, dataQueryId) => {
     };
     cy.request({
       method: "PATCH",
-      url: `http://localhost:3000/api/data_queries/${dataQueryId}`,
+      url: `${Cypress.env("server_host")}/api/data_queries/${dataQueryId}`,
       headers: headers,
       body: {
         name: queryName,
@@ -234,7 +245,7 @@ Cypress.Commands.add(
 
       cy.request({
         method: "GET",
-        url: `http://localhost:3000/api/apps/${appId}`,
+        url: `${Cypress.env("server_host")}/api/apps/${appId}`,
         headers: {
           "Tj-Workspace-Id": workspaceId,
           Cookie: `${authToken}; app_id=${appId}`,
@@ -246,7 +257,7 @@ Cypress.Commands.add(
 
         cy.request({
           method: "POST",
-          url: "http://localhost:3000/api/data_queries",
+          url: `${Cypress.env("server_host")}/api/data_queries`,
           headers: {
             "Content-Type": "application/json",
             Cookie: authToken,
@@ -273,3 +284,73 @@ Cypress.Commands.add(
     });
   }
 );
+
+
+Cypress.Commands.add("addComponentToApp", (appName, componentName, layoutConfig = {}) => {
+  cy.task("updateId", {
+    dbconfig: Cypress.env("app_db"),
+    sql: `select id from apps where name='${appName}';`,
+  }).then((resp) => {
+    const appId = resp.rows[0]?.id; // Safely access the id field
+
+    if (!appId) {
+      throw new Error(`App ID not found for appName: ${appName}`);
+    }
+
+    // Default layout values
+    const defaultLayout = {
+      desktop: { top: 90, left: 9, width: 6, height: 40 },
+      mobile: { top: 90, left: 9, width: 6, height: 40 },
+    };
+
+    // Merge default layout with the provided configuration
+    const layouts = {
+      desktop: { ...defaultLayout.desktop, ...layoutConfig.desktop },
+      mobile: { ...defaultLayout.mobile, ...layoutConfig.mobile },
+    };
+
+    cy.getCookie("tj_auth_token", { log: false }).then((cookie) => {
+      Cypress.env("authToken", `tj_auth_token=${cookie.value}`);
+
+      cy.request({
+        method: "GET",
+        url: `${Cypress.env("server_host")}/api/v2/apps/${appId}`,
+        headers: {
+          "Tj-Workspace-Id": Cypress.env("workspaceId"),
+          Cookie: `tj_auth_token=${cookie.value}`,
+        },
+      }).then((response) => {
+        expect(response.status).to.eq(200);
+
+        const { id: editingVersionId, home_page_id: homePageId } = response.body.editing_version;
+        const componentId = crypto.randomUUID ? crypto.randomUUID() : require("uuid").v4();
+
+        const requestBody = {
+          is_user_switched_version: false,
+          pageId: homePageId,
+          diff: {
+            [componentId]: {
+              name: componentName,
+              layouts: layouts,
+              type: "Text",
+            },
+          },
+        };
+
+        cy.request({
+          method: "POST",
+          url: `${Cypress.env("server_host")}/api/v2/apps/${appId}/versions/${editingVersionId}/components`,
+          headers: {
+            "Content-Type": "application/json",
+            "Tj-Workspace-Id": Cypress.env("workspaceId"),
+            Cookie: `tj_auth_token=${cookie.value}`,
+          },
+          body: requestBody,
+        }).then((postResponse) => {
+          expect(postResponse.status).to.eq(201);
+          cy.log(`Component ${componentId} added successfully`);
+        });
+      });
+    });
+  });
+});
diff --git a/cypress-tests/cypress/commands/commands.js b/cypress-tests/cypress/commands/commands.js
index 72914c8fa6..31c0df012d 100644
--- a/cypress-tests/cypress/commands/commands.js
+++ b/cypress-tests/cypress/commands/commands.js
@@ -5,16 +5,21 @@ import { commonText, createBackspaceText } from "Texts/common";
 import { passwordInputText } from "Texts/passwordInput";
 import { importSelectors } from "Selectors/exportImport";
 import { importText } from "Texts/exportImport";
+import { onboardingSelectors } from "Selectors/onboarding";
 
 Cypress.Commands.add(
-  "login",
+  "appUILogin",
   (email = "dev@tooljet.io", password = "password") => {
     cy.visit("/");
-    cy.clearAndType(commonSelectors.workEmailInputField, email);
-    cy.clearAndType(commonSelectors.passwordInputField, password);
-    cy.get(commonSelectors.signInButton).click();
-    cy.wait(2000);
-    cy.get(commonSelectors.homePageLogo).should("be.visible");
+    cy.wait(3000);
+    cy.clearAndType(onboardingSelectors.loginEmailInput, email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, password);
+    cy.get(onboardingSelectors.signInButton).click();
+
+    cy.intercept("GET", "/api/library_apps/").as("library_apps");
+    cy.get(commonSelectors.homePageLogo, { timeout: 10000 });
+    cy.wait("@library_apps");
+
   }
 );
 
@@ -69,7 +74,7 @@ Cypress.Commands.add(
   "dragAndDropWidget",
   (
     widgetName,
-    positionX = 190,
+    positionX = 80,
     positionY = 80,
     widgetName2 = widgetName,
     canvas = commonSelectors.canvas
@@ -90,51 +95,48 @@ Cypress.Commands.add(
   }
 );
 
-Cypress.Commands.add("appUILogin", () => {
-  cy.visit("/");
-  cy.clearAndType(commonSelectors.workEmailInputField, "dev@tooljet.io");
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
-  cy.get(commonSelectors.signInButton).click();
-  cy.wait(2000);
-  cy.get(commonSelectors.homePageLogo).should("be.visible");
-});
 
-Cypress.Commands.add(
-  "clearAndTypeOnCodeMirror",
-  {
-    prevSubject: "optional",
-  },
-  (subject, value) => {
-    cy.wrap(subject)
-      .realClick()
-      .find("pre.CodeMirror-line")
-      .invoke("text")
-      .then((text) => {
-        cy
-          .wrap(subject)
-          .last()
-          .click()
-          .type(createBackspaceText(text), { delay: 0 }),
-        {
-          delay: 0,
-        };
-      });
-    if (!Array.isArray(value)) {
-      cy.wrap(subject).last().type(value, {
-        parseSpecialCharSequences: false,
-        delay: 0,
-      });
-    } else {
+Cypress.Commands.add("clearAndTypeOnCodeMirror", { prevSubject: "optional" }, (subject, value) => {
+  cy.wrap(subject)
+    .realClick()
+    .find(".cm-line")
+    .invoke("text")
+    .then((text) => {
       cy.wrap(subject)
         .last()
-        .type(value[1], {
-          parseSpecialCharSequences: false,
-          delay: 0,
-        })
-        .type(`{home}${value[0]}`, { delay: 0 });
-    }
+        .click()
+        .type(createBackspaceText(text), { delay: 0 });
+    });
+
+  const splitIntoFlatArray = (value) => {
+    const regex = /(\{\{)|([^{}]+)|(\}\})/g;
+    let prefix = "";
+    return value.match(regex)?.reduce((acc, part) => {
+      if (part === "{{") {
+        prefix = "{leftarrow}{leftarrow}";
+        acc.push(part); // Keep '{{' as is
+      } else if (part === "}}") {
+        // Skip '}}'
+      } else {
+        acc.push(prefix + part); // Add prefix to any other part, including spaces
+        prefix = ""; // Reset prefix
+      }
+      return acc;
+    }, []) || [];
+  };
+
+  if (Array.isArray(value)) {
+    cy.wrap(subject).last().realType(value, { parseSpecialCharSequences: false, delay: 0, force: true });
+  } else {
+    splitIntoFlatArray(value).forEach((i) => {
+      cy.wrap(subject)
+        .last()
+        .click()
+        .realType(`{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}{end}${i}`, { parseSpecialCharSequences: false, delay: 0, force: true });
+    });
   }
-);
+});
+
 
 Cypress.Commands.add("deleteApp", (appName) => {
   cy.intercept("DELETE", "/api/apps/*").as("appDeleted");
@@ -189,7 +191,7 @@ Cypress.Commands.add(
   (subject, value) => {
     cy.wrap(subject)
       .realClick()
-      .find("pre.CodeMirror-line")
+      .find(".cm-line")
       .invoke("text")
       .then((text) => {
         cy.wrap(subject).realType(createBackspaceText(text)),
@@ -365,7 +367,7 @@ Cypress.Commands.add("getPosition", (componentName) => {
 
 Cypress.Commands.add("defaultWorkspaceLogin", () => {
   cy.apiLogin();
-  cy.intercept("GET", "http://localhost:3000/api/library_apps").as(
+  cy.intercept("GET", "/api/library_apps").as(
     "library_apps"
   );
   cy.visit("/my-workspace");
@@ -468,3 +470,12 @@ Cypress.Commands.add("appPrivacy", (appName, isPublic) => {
     sql: `UPDATE apps SET is_public = ${isPublicValue} WHERE name = '${appName}';`,
   });
 });
+
+Cypress.Commands.overwrite('intercept', (originalFn, method, endpoint, mockData) => {
+  const isSubpath = Cypress.config('baseUrl')?.includes('/apps/tooljet');
+  const cleanEndpoint = endpoint.replace('/apps/tooljet', '');
+  const fullUrl = isSubpath ? `/apps/tooljet${cleanEndpoint}` : cleanEndpoint;
+
+  return originalFn(method, fullUrl, mockData);
+});
+
diff --git a/cypress-tests/cypress/constants/selectors/common.js b/cypress-tests/cypress/constants/selectors/common.js
index e9b118fa11..198fc3db9b 100644
--- a/cypress-tests/cypress/constants/selectors/common.js
+++ b/cypress-tests/cypress/constants/selectors/common.js
@@ -5,10 +5,10 @@ export const cyParamName = (paramName = "") => {
 export const commonSelectors = {
   toastMessage: ".go3958317564",
   oldToastMessage: ".go318386747",
-  newToastMessage:
-    '.drawer-container > [style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"] > .go4109123758 > .go2072408551',
+  newToastMessage: '.drawer-container > [style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"] > .go4109123758 > .go2072408551 > .go3958317564',
   toastCloseButton: '[data-cy="toast-close-button"]',
   editButton: "[data-cy=edit-button]",
+  fileSelector: "[data-cy=uploaded-file-data]",
   searchField: "[data-cy='widget-search-box-search-bar']",
   firstWidget: "[data-cy=widget-list]:eq(0)",
   canvas: "[data-cy=real-canvas]",
@@ -21,9 +21,9 @@ export const commonSelectors = {
   workEmailLabel: '[data-cy="work-email-label"]',
   workEmailInputField: "[data-cy=work-email-input]",
   emailInputError: '[data-cy="email-error-message"]',
-  passwordLabel: '[data-cy="password-label"]',
+  passwordLabel: '[data-cy="password-input-label"]',
   forgotPasswordLink: '[data-cy="forgot-password-link"]',
-  passwordInputField: '[data-cy="password-input-field"]',
+  passwordInputField: '[data-cy="password-input-input"]',
   signInButton: "[data-cy=login-button]",
   loginButton: '[data-cy="login-button"]',
   dropdown: "[data-cy=workspace-dropdown]",
@@ -63,20 +63,21 @@ export const commonSelectors = {
   workspaceLoginUrl: "[data-cy=workspace-login-url]",
   workspaceName: '[data-cy="workspace-name"]:eq(0)',
   signInHeader: '[data-cy="sign-in-header"]',
-  signInSubHeader: '[data-cy="sign-in-sub-header"]',
+  signInSubHeader: '[data-cy="signup-info"]',
   createAnAccountLink: '[data-cy="create-an-account-link"]',
-  SignUpSectionHeader: '[data-cy="signup-section-header"]',
+  signUpSectionHeader: '[data-cy="sign-up-header"]',
   signInRedirectText: '[data-cy="signin-redirect-text"]',
-  signInRedirectLink: '[data-cy="signin-redirect-link"]',
+  signInRedirectLink: '[data-cy="signin-link"]',
   signUpTermsHelperText: '[data-cy="signup-terms-helper"]',
   termsOfServiceLink: '[data-cy="terms-of-service-link"]',
   privacyPolicyLink: '[data-cy="privacy-policy-link"]',
   redirectURL: '[data-cy="redirect-url"]',
-  invitePageHeader: '[data-cy="invite-page-header"]',
-  invitePageSubHeader: '[data-cy="invite-page-sub-header"]',
+  invitePageHeader: '[data-cy="join-my-workspace-header"]',
+  invitePageSubHeader: '[data-cy="onboarding-page-description"]',
   userNameInputLabel: '[data-cy="name-input-label"]',
-  invitedUserName: '[data-cy="invited-user-name"]',
-  invitedUserEmail: '[data-cy="invited-user-email"]',
+  invitedUserName: '[data-cy="name-input-input-value"]',
+  invitedUserEmail: '[data-cy="email-input-value"]',
+  invitedUseremail: '[data-cy="email-input-input-value"]',
   acceptInviteButton: '[data-cy="accept-invite-button"]',
   databaseIcon: '[data-cy="icon-database"]',
   profileSettings: '[data-cy="profile-settings"]',
@@ -108,6 +109,9 @@ export const commonSelectors = {
   exportAllButton: '[data-cy="export-all-button"]',
   avatarImage: '[data-cy="avatar-image"]',
   selfHostSetUpBanner: '[data-cy="setup-banner-inner"]',
+  HostBanner: '[data-cy="onboarding-image"]',
+  adminSetup: '[data-cy="set-up-your-admin-account-header"]',
+  signupTerms: '[data-cy="signup-terms-helper"]',
   selfHostSetUpSubBanner: '[data-cy="setup-sub-banner"]',
   selfHostSetUpCard: '[data-cy="setup-card"]',
   selfHostSetUpCardImage: '[data-cy="setup-card-image"]',
@@ -115,52 +119,59 @@ export const commonSelectors = {
   selfHostSetUpCardSubHeader: '[data-cy="setup-card-sub-header"]',
   setUpToolJetButton: '[data-cy="setup-tooljet-button"]',
   setUpadminCheckPoint: '[data-cy="set-up-admin-check-point"]',
-  setUpworkspaceCheckPoint: '[data-cy="set-up-workspace-check-point"]',
+  setUpworkspaceCheckPoint: '[data-cy="set-up-your-workspace!-header"]',
   companyProfileCheckPoint: '[data-cy="company-profile-check-point"]',
   onboardingPageHeader: '[data-cy="onboarding-page-header"]',
   onboardingPageSubHeader: '[data-cy="onboarding-page-sub-header"]',
   onboardingPageDescription: '[data-cy="onboarding-page-description"]',
-  passwordHelperText: '[data-cy="password-helper-text"]',
+  passwordHelperText: '[data-cy="new-password-input-hint"]',
   continueButton: '[data-cy="continue-button"]',
+  passwordHelperTextSignup: '[data-cy="password-input-hint"]',
+  continueButton: '[data-cy="sign-up-button"]',
+  OnbordingContinue: '[data-cy="onboarding-submit-button"]',
   userAccountNameAvatar: '[data-cy="user-account-name-avatar"]',
-  workspaceNameInputLabel: '[data-cy="workspace-name-input-label"]',
-  workspaceNameInputField: '[data-cy="workspace-name-input-field"]',
+  workspaceNameInputLabel: '[data-cy="onboarding-workspace-name-label"]',
+  workspaceNameInputField: '[data-cy="onboarding-workspace-name-input"]',
   backArrow: '[data-cy="back-arrow"]',
   backArrowText: '[data-cy="back-arrow-text"]',
   onboardingPorgressBubble: '[data-cy="onboarding-progress-bubbles"]',
   skipArrow: '[data-cy="skip-button"]',
   skipArrowText: '[data-cy="skip-arrow-text"]',
   companyNameInputField: '[data-cy="company-name-input-field"]',
-  nameInputField: '[data-cy="name-input-field"]',
-  emailInputField: '[data-cy="email-input-field"]',
+  nameInputField: '[data-cy="name-input-input"]',
+  emailInputField: '[data-cy="email-input-input"]',
+  skipbutton: '[class="driver-close-btn"]',
+  backLogo: '[data-cy="editor-page-logo"]',
+  backtoapps: '[data-cy="back-to-app-option"]',
   signUpButton: '[data-cy="sign-up-button"]',
   emailImage: '[data-cy="email-image"]',
-  spamMessage: '[data-cy="email-page-spam-msg"]',
-  resendEmailButton: '[data-cy="resend-email-button"]',
+  spamMessage: '[data-cy="info-message"]',
+  resendEmailButton: '[data-cy="resend-verification-email-button"]',
   editEmailButton: '[data-cy="edit-email-button"]',
   createAccountCheckMark: '[data-cy="create-account-check-mark"]',
   createAccountCheckPoint: '[data-cy="create-account-check-point"]',
   verifyEmailCheckMark: '[data-cy="verify-email-check-mark"]',
   verifyEmailCheckPoint: '[data-cy="verify-email-check-point"]',
   backtoSignUpButton: '[data-cy="back-to-signup-button"]',
-  forgotPasswordPageHeader: '[data-cy="forgot-password-page-header"]',
-  forgotPasswordPageSubHeader: '[data-cy="forgot-password-sub-header"]',
-  resetPasswordLinkButton: '[data-cy="reset-password-link"]',
+  forgotPasswordPageHeader: '[data-cy="forgot-password-header"]',
+  forgotPasswordPageSubHeader: '[data-cy="signup-redirect-text"]',
+  resetPasswordLinkButton: '[data-cy="send-a-reset-link-button"]',
   enterIcon: '[data-cy="enter-icon"]',
-  passwordResetPageHeader: '[data-cy="reset-password-page-header"]',
+  passwordResetPageHeader: '[data-cy="reset-password-header"]',
   newPasswordInputLabel: '[data-cy="new-password-input-label"]',
-  newPasswordInputField: '[data-cy="new-password-input-field"]',
+  newPasswordInputField: '[data-cy="new-password-input-input"]',
   confirmPasswordInputFieldLabel: '[data-cy="confirm-password-input-label"]',
-  confirmPasswordInputField: '[data-cy="confirm-password-input-field"]',
+  confirmPasswordInputField: '[data-cy="confirm-password-input-input"]',
   resetPasswordButton: '[data-cy="reset-password-button"]',
   resetPasswordPageDescription: '[data-cy="reset-password-page-description"]',
-  backToLoginButton: '[data-cy="back-to-login-button"]',
+  backToLoginButton: '[data-cy="back-to-login"]',
   breadcrumbTitle: '[data-cy="app-header-label"]>>',
+  // breadcrumbPageTitle: '[data-cy="app-header-label"]',
   breadcrumbPageTitle: '[data-cy="breadcrumb-page-title"]',
-  labelFullNameInput: '[data-cy="label-full-name-input-field"]',
-  inputFieldFullName: '[data-cy="input-field-full-name"]',
-  labelEmailInput: '[data-cy="label-email-input-field"]',
-  inputFieldEmailAddress: '[data-cy="input-field-email"]',
+  labelFullNameInput: '[data-cy="name-label"]',
+  inputFieldFullName: '[data-cy="name-input"]',
+  labelEmailInput: '[data-cy="email-label"]',
+  inputFieldEmailAddress: '[data-cy="email-input"]',
   closeButton: '[data-cy="close-button"]',
   emptyAppCreateButton: "[data-cy='button-new-app-from-scratch']",
   globalDataSourceIcon: '[data-cy="icon-global-datasources"]',
@@ -212,7 +223,7 @@ export const commonSelectors = {
     return `[data-cy="${cyParamName(folderName)}-edit-folder-option"]`;
   },
   inspectorPinIcon: '.d-flex > [data-cy="left-sidebar-inspector"]',
-  groupInputFieldLabel: '[data-cy="label-group-input-field"]',
+  groupInputFieldLabel: '[data-cy="user-group-label"]',
   pageSectionHeader: '[data-cy="dashboard-section-header"]',
   yesButton: '[data-cy="yes-button"]',
 
@@ -262,7 +273,7 @@ export const commonSelectors = {
 
 export const commonWidgetSelector = {
   widgetBox: (widgetName) => {
-    return `[data-cy=widget-list-box-${cyParamName(widgetName)}]`;
+    return `[data-cy=widget-list-box-${cyParamName(widgetName)}]:eq(0)`;
   },
 
   draggableWidget: (widgetName) => {
diff --git a/cypress-tests/cypress/constants/selectors/dashboard.js b/cypress-tests/cypress/constants/selectors/dashboard.js
index e9b2876008..d643ad8e51 100644
--- a/cypress-tests/cypress/constants/selectors/dashboard.js
+++ b/cypress-tests/cypress/constants/selectors/dashboard.js
@@ -16,7 +16,7 @@ export const dashboardSelector = {
   ManageSSO: "[data-cy=manage-sso]",
   userMenu: "[data-cy=user-menu]",
   profileLink: "[data-cy=profile-link]",
-  logoutLink: "[data-cy=logout-link]",
+  logoutLink: '[data-cy="logout-link"]',
   changeIconTitle: "[data-cy=change-icon-title]",
   appCardDefaultIcon: "[data-cy=app-card-apps-icon]",
   changeButton: "[data-cy=change-button]",
diff --git a/cypress-tests/cypress/constants/selectors/manageSSO.js b/cypress-tests/cypress/constants/selectors/manageSSO.js
index 1d2f48189a..a18883be69 100644
--- a/cypress-tests/cypress/constants/selectors/manageSSO.js
+++ b/cypress-tests/cypress/constants/selectors/manageSSO.js
@@ -32,8 +32,8 @@ export const ssoSelector = {
   redirectUrlLabel: "[data-cy=redirect-url-label]",
   redirectUrl: "[data-cy=redirect-url]",
   googleTile: '[data-cy="google-sign-in-text"]',
-  googleIcon: "[data-cy=google-sso-icon]",
-  googleSSOText: "[data-cy=google-sso-text]",
+  googleIcon: "[data-cy=google-sso-button]",
+  googleSSOText: "[data-cy=google-sso-button-text]",
   git: '[data-cy="github-sso-card"]',
   gitEnableToggle: '[data-cy="github-toggle-input"]',
   githubLabel: '[data-cy="github-label"]',
@@ -41,9 +41,9 @@ export const ssoSelector = {
   encriptedLabel: "[data-cy=encripted-label]",
   clientSecretInput: "[data-cy=client-secret-input]",
   gitTile: "[data-cy=git-tile]",
-  gitIcon: "[data-cy=git-sso-icon]",
-  gitSignInText: "[data-cy=git-sso-text]",
-  gitSSOText: "[data-cy=git-sso-text]",
+  gitIcon: "[data-cy='git-sso-button-text']",
+  gitSignInText: "[data-cy='git-sso-button-text']",
+  gitSSOText: "[data-cy=git-sso-button-text]",
   password: "[data-cy=left-menu-items] :eq(3)",
   passwordEnableToggle: '[data-cy="password-enable-toggle"]',
   loginHelpText: "[data-cy=login-help-text]",
diff --git a/cypress-tests/cypress/constants/selectors/manageUsers.js b/cypress-tests/cypress/constants/selectors/manageUsers.js
index 4982e2d37d..f42254f4c4 100644
--- a/cypress-tests/cypress/constants/selectors/manageUsers.js
+++ b/cypress-tests/cypress/constants/selectors/manageUsers.js
@@ -62,10 +62,8 @@ export const usersSelector = {
   inputFieldBulkUpload: '[data-cy="input-field-bulk-upload"]',
   copyInvitationLink: '[data-cy="copy-invitation-link"]',
   uploadedFileData: '[data-cy="uploaded-file-data"]',
-  toastCloseButton:
-    '.drawer-container > [style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"] > .go4109123758 > .go2072408551 > [data-cy="toast-close-button"]',
-
-
+  modalClose: '.tj-base-btn.tj-large-btn.tj-primary-btn.close-btn',
+  toastCloseButton:'.drawer-container > [style="position: fixed; z-index: 9999; inset: 16px; pointer-events: none;"] > .go4109123758 > .go2072408551 > [data-cy="toast-close-button"]',
   userName: (userName) => {
     return `[data-cy="${cyParamName(userName)}-user-name"]`;
   },
diff --git a/cypress-tests/cypress/constants/selectors/onboarding.js b/cypress-tests/cypress/constants/selectors/onboarding.js
new file mode 100644
index 0000000000..1f43250c3f
--- /dev/null
+++ b/cypress-tests/cypress/constants/selectors/onboarding.js
@@ -0,0 +1,20 @@
+export const cyParamName = (paramName = "") => {
+  return paramName.toLowerCase().replace(/\s+/g, "-");
+};
+
+export const onboardingSelectors = {
+  emailLabel: "[data-cy='email-label']",
+  emailInput: "[data-cy='email-input-input']",
+  signupEmailInput: "[data-cy='email-input']",
+  loginEmailInput: "[data-cy='email-input']",
+  passwordLabel: "[data-cy='password-label']",
+  passwordInput: "[data-cy='password-input-input']",
+  loginPasswordInput: "[data-cy='password-input']",
+  signInButton: "[data-cy='sign-in-button']",
+  passwordError: "[data-cy='password-error']",
+  nameInput: "[data-cy='name-input']",
+  nameLabel: '[data-cy="name-input-label"]',
+  signupNameLabel: '[data-cy="name-label"]',
+  forgotEmailInput: '[data-cy="email-input-field-input"]',
+  createAnAccountLink: '[data-cy="create-an-account-link"]',
+} 
\ No newline at end of file
diff --git a/cypress-tests/cypress/constants/selectors/workspaceConstants.js b/cypress-tests/cypress/constants/selectors/workspaceConstants.js
index de38a10273..1aec73c936 100644
--- a/cypress-tests/cypress/constants/selectors/workspaceConstants.js
+++ b/cypress-tests/cypress/constants/selectors/workspaceConstants.js
@@ -1,19 +1,19 @@
-export const cyParamName = (paramName = "") => {
-    return paramName.toLowerCase().replace(/\s+/g, "-");
-};
+import { cyParamName } from "./common";
+
 
 export const workspaceConstantsSelectors = {
     workspaceConstantsHelperText: '[data-cy="workspace-constant-helper-text"]',
     emptyStateImage: '[data-cy="empty-state-image"]',
     emptyStateHeader: '[data-cy="empty-state-header"]',
     emptyStateText: '[data-cy="empty-state-text"]',
-    addNewConstantButton: '[data-cy="add-new-constant-button"]',
+    addNewConstantButton: '[data-cy="form-add-new-constant-button"]',
     contantFormTitle: '[data-cy="constant-form-title"]',
     addConstantButton: '[data-cy="add-constant-button"]',
     envName: '[data-cy="env-name"]',
     constantsTableNameHeader: '[data-cy="workspace-variable-table-name-header"]',
     constantsTableValueHeader:
         '[data-cy="workspace-variable-table-value-header"]',
+    nameInputFiled: '[data-cy="name-input-field"]',
 
     constantName: (constName) => {
         return `[data-cy="${cyParamName(constName)}-workspace-constant-name"]`;
@@ -30,4 +30,7 @@ export const workspaceConstantsSelectors = {
     constHideButton: (constName) => {
         return `[data-cy="${cyParamName(constName)}-constant-visibility"]`;
     },
+    constantsType: (type) => {
+        return `[data-cy="${cyParamName(type)}-constants-input"]`;
+    },
 };
diff --git a/cypress-tests/cypress/constants/texts/common.js b/cypress-tests/cypress/constants/texts/common.js
index fc9d1b989a..a4d9549fd9 100644
--- a/cypress-tests/cypress/constants/texts/common.js
+++ b/cypress-tests/cypress/constants/texts/common.js
@@ -52,13 +52,14 @@ export const commonText = {
   },
   closeButton: "modal close",
   workEmailLabel: "Email",
-  emailInputError: "Invalid Email",
-  passwordLabel: "Password",
+  emailInputError: "Email is invalid",
+  passwordLabel: "Password *",
+  LoginPasswordLabel: "Password",
   forgotPasswordLink: "Forgot?",
   loginButton: " Login",
   signInHeader: "Sign in",
   signInSubHeader: "New to ToolJet?Create an account",
-  SignUpSectionHeader: "Join ToolJet",
+  signUpSectionHeader: "Join ToolJet",
   signInRedirectText: "Already have an account?",
   signInRedirectLink: "Sign in",
   signUpTermsHelperText: "By signing up you are agreeing to the",
@@ -67,11 +68,11 @@ export const commonText = {
   invitePageHeader: "Join My workspace",
   invitePageSubHeader:
     "You are invited to a workspace My workspace. Accept the invite to join the workspace.",
-  userNameInputLabel: "Name",
-  acceptInviteButton: "Accept invite",
+  userNameInputLabel: "Name *",
+  acceptInviteButton: "Accept Invite",
   createButton: "Create",
   saveChangesButton: "Save changes",
-  emailInputLabel: "Email",
+  emailInputLabel: "Email *",
   allApplicationLink: "All apps",
   notificationsCardTitle: "Notifications",
   emptyNotificationTitle: "You're all caught up!",
@@ -86,7 +87,7 @@ export const commonText = {
     "Let’s set up your workspace to get started with ToolJet",
   setUpToolJetButton: "Set up ToolJet",
   setUpadminCheckPoint: "Set up admin",
-  setUpworkspaceCheckPoint: "Set up workspace",
+  setUpworkspaceCheckPoint: "Set up your workspace!",
   companyProfileCheckPoint: "Company profile",
   setUpAdminHeader: "Set up your admin account",
   onboardingPageSubHeader: "This information will help us improve ToolJet.",
@@ -94,17 +95,18 @@ export const commonText = {
   continueButton: "Continue",
   resetPasswordButton: "Reset password",
   setUpWorkspaceHeader: "Set up your workspace",
+  loginPasswordLabel: "Password *",
   userRolePageHeader: "What best describes your role?",
   sizeOftheCompanyHeader: "What is the size of your company?",
-  workspaceNameInputLabel: "Workspace name",
+  workspaceNameInputLabel: "Workspace name *",
   onboardingSeperatorText: "OR",
   getStartedButton: "Get started for free",
   emailPageHeader: "Check your mail",
-  spamMessage: "Did not receive an email? Check your spam folder.",
+  spamMessage: "Did not receive an email? Check your spam folder!",
   resendEmailButton: "Resend verification mail",
   editEmailButton: "Edit email address",
   emailVerifiedText: "Successfully verified email",
-  continueToSetUp: "Continue to set up your workspace to start using ToolJet.",
+  continueToSetUp: "Set up workspaces to manage users, applications & resources across various teams",
   createAccountCheckPoint: "Create account",
   verifyEmailCheckPoint: "Verify email",
   inalidInvitationLinkHeader: "Invalid verification link",
@@ -114,15 +116,15 @@ export const commonText = {
   forgotPasswordPageHeader: "Forgot Password",
   newToTooljetText: "New to ToolJet?",
   emailAddressLabel: "Email address",
-  resetPasswordLinkButton: " Send a reset link",
+  resetPasswordLinkButton: "Send a reset link",
   passwordResetEmailToast:
-    "Please check your email/inbox for the password reset link",
+    "Please check your email for the password reset link",
   passwordResetPageHeader: "Reset Password",
   passwordResetSuccessPageHeader: "Password has been reset",
-  newPasswordInputLabel: "New Password",
-  confirmPasswordInputFieldLabel: "Re-enter the password",
+  newPasswordInputLabel: "New Password *",
+  confirmPasswordInputFieldLabel: "Re-enter the password *",
   passwordResetSuccessToast: "Password reset successfully",
-  backToLoginButton: "Back to log in",
+  backToLoginButton: "Back to login",
   resetPasswordPageDescription:
     "Your password has been reset successfully, log into ToolJet to continue your session",
   labelFullNameInput: "Enter full name",
@@ -135,13 +137,13 @@ export const commonText = {
   addNewDataSourceButton: "Add new datasource",
 
   emailPageDescription: (email) => {
-    return `We’ve sent an email to ${email} with a verification link. Please use that to verify your email address.`;
+    return `We've sent a verification email to ${email}. Click the link inside to confirm your email and continue. This helps us ensure account security.`
   },
   companyPageHeader: (userName) => {
     return `Where do you work ${userName}?`;
   },
   resetPasswordEmailDescription: (email) => {
-    return `We’ve sent an email to ${email} with a password reset link. Please click on that link to reset your password.`;
+    return `We've sent a password reset link to ${email}. Click the link inside to reset your password and continue.`;
   },
   userJobRole: {
     HeadOfEngineering: "Head of engineering",
diff --git a/cypress-tests/cypress/constants/texts/workspaceConstants.js b/cypress-tests/cypress/constants/texts/workspaceConstants.js
index 58a4af8568..c093327e03 100644
--- a/cypress-tests/cypress/constants/texts/workspaceConstants.js
+++ b/cypress-tests/cypress/constants/texts/workspaceConstants.js
@@ -1,10 +1,12 @@
 export const workspaceConstantsText = {
     workspaceConstantsHelperText:
-        "To resolve a Workspace constant use {{constants.access_token}}",
+        "To resolve a global workspace constant use {{constants.access_token}}",
     emptyStateHeader: "No Workspace constants yet",
     emptyStateText:
         "Use workspace constants seamlessly in both the app builder and data source connections across ToolJet.",
-    addNewConstantButton: "Create new constant",
+    addNewConstantButton: "+ Create new constant",
     addConstatntText: "Add new constant in production ",
-    constantCreatedToast: "Constant has been created",
+    constantCreatedToast: (type) => { return `${type} constant created successfully!` },
+    constantsExisitToast: (type) => { return `${type} constant already exists!` }
+
 };
diff --git a/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/codehinter.cy.js b/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/codehinter.cy.js
new file mode 100644
index 0000000000..78e5490c06
--- /dev/null
+++ b/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/codehinter.cy.js
@@ -0,0 +1,29 @@
+import { fake } from "Fixtures/fake";
+import { addAndVerifyOnSingleLine } from "Support/utils/editor/codehinter";
+import { commonSelectors, commonWidgetSelector } from "Selectors/common";
+import {
+    openEditorSidebar,
+} from "Support/utils/commonWidget";
+
+describe("Editor- CodeHinter", () => {
+    let currentVersion = "";
+    let newVersion = [];
+    let versionFrom = "";
+    beforeEach(() => {
+        cy.apiLogin();
+        cy.apiCreateApp(`${fake.companyName}-inspector-App`);
+        cy.apiOpenApp();
+    });
+
+    it.only("should verify singleLine: non dynamic values", () => {
+        cy.dragAndDropWidget("Text", 500, 500);
+        addAndVerifyOnSingleLine(`{{globals.currentUser.email}} {{globals.currentUser.firstName}} {{globals.currentUser.lastName}} {{globals.currentUser.id}} {{globals.currentUser.avatarId}} {{globals.currentUser.groups[0]}} {{globals.currentUser.groups[1]}} {{globals.currentUser.groups[2]}} {{globals.currentUser.role}} {{globals.currentUser.ssoUserInfo}} {{globals.environment.id}} {{globals.environment.name}} {{globals.mode.value}} {{globals.theme.name}} {{globals.urlparams}} {{page.handle}} {{page.id}} {{page.name}}`)
+        cy.get('[data-cy=draggable-widget-text1]:eq(0)').invoke('text').then((text => { cy.log(text) }))
+    });
+    it("should verify singleLine: dynamic values", () => {
+    });
+    it("should verify multiLine: non dynamic values", () => {
+    });
+    it("should verify multiLine: dynamic values", () => {
+    });
+});
diff --git a/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/inspectorHappypath.cy.js b/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/inspectorHappypath.cy.js
index c36bc260a4..95f02d5198 100644
--- a/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/inspectorHappypath.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/appbuilder/commonTestcases/inspectorHappypath.cy.js
@@ -1,119 +1,79 @@
 import { fake } from "Fixtures/fake";
-import {
-  verifyMultipleComponentValuesFromInspector,
-  verifyComponentValueFromInspector,
-} from "Support/utils/commonWidget";
-import {
-  verifyNodeData,
-  openNode,
-  verifyValue,
-  deleteComponentFromInspector,
-} from "Support/utils/inspector";
-import { commonSelectors, commonWidgetSelector } from "Selectors/common";
-import { addNewPage } from "Support/utils/multipage";
-import {
-  selectCSA,
-  selectEvent,
-  addSupportCSAData,
-} from "Support/utils/events";
+import { commonWidgetSelector } from "Selectors/common";
 import { multipageSelector } from "Selectors/multipage";
-import { navigateToCreateNewVersionModal } from "Support/utils/version";
+import { addSupportCSAData, selectEvent } from "Support/utils/events";
 import { createNewVersion } from "Support/utils/exportImport";
+import { deleteComponentFromInspector, openNode, verifyNodeData, verifyValue, verifyNodes, openAndVerifyNode } from "Support/utils/inspector";
+import { addNewPage } from "Support/utils/multipage";
+import { navigateToCreateNewVersionModal } from "Support/utils/version";
+import testData from "Fixtures/inspectorItems.json";
 
 describe("Editor- Inspector", () => {
   let currentVersion = "";
   let newVersion = [];
   let versionFrom = "";
+
   beforeEach(() => {
     cy.apiLogin();
     cy.apiCreateApp(`${fake.companyName}-inspector-App`);
-    cy.openApp();
+    cy.openApp("?key=value");
   });
 
   it("should verify the values of inspector", () => {
-    const countGlobal =
-      Cypress.env("environment") === "Community" ? "4 entries " : "5 entries ";
-    const countUser =
-      Cypress.env("environment") === "Community" ? "4 entries " : "5 entries ";
     cy.get(commonWidgetSelector.sidebarinspector).click();
     cy.get(".tooltip-inner").invoke("hide");
-    verifyNodeData("queries", "Object", "0 entry ");
-    verifyNodeData("components", "Object", "0 entry ");
-    verifyNodeData("globals", "Object", countGlobal);
-    verifyNodeData("variables", "Object", "0 entry ");
-    verifyNodeData("page", "Object", "4 entries ");
 
-    openNode("globals");
-    verifyNodeData("theme", "Object", "1 entry ");
-    verifyNodeData("urlparams", "Object", "0 entry ");
-    verifyNodeData("currentUser", "Object", countUser);
+    openAndVerifyNode("globals", testData.globalsNodes, verifyNodeData);
+    openAndVerifyNode("currentUser", testData.currentUserNodes, verifyValue);
+    openAndVerifyNode("theme", testData.themeNodes, verifyValue);
+    openAndVerifyNode("mode", testData.modeNodes, verifyValue);
+    openAndVerifyNode("urlparams", testData.urlparamsNode, verifyValue);
 
-    openNode("theme");
-    verifyValue("name", "String", `"light"`);
-
-    openNode("currentUser");
-    verifyValue("email", "String", `"dev@tooljet.io"`);
-    verifyValue("firstName", "String", `"The"`);
-    verifyValue("lastName", "String", `"Developer"`);
-    verifyNodeData("groups", "Array", "2 items ");
     if (Cypress.env("environment") !== "Community") {
-      cy.get(
-        '[data-cy="inspector-node-ssouserinfo"] > .node-key'
-      ).verifyVisibleElement("have.text", "ssoUserInfo");
-      cy.get(
-        '[data-cy="inspector-node-ssouserinfo"] > .mx-2'
-      ).verifyVisibleElement("have.text", "undefined");
+      const ssoUserInfoNode = '[data-cy="inspector-node-ssouserinfo"]';
+      const inspectorNodeId = '[data-cy="inspector-node-id"]';
+
+      cy.get(`${ssoUserInfoNode} > .node-key`).should("have.text", "ssoUserInfo");
+      cy.get(`${ssoUserInfoNode} > .mx-2`).should("have.text", "undefined");
+
       openNode("theme");
       openNode("environment");
       verifyValue("name", "String", `"development"`);
-      cy.get('[data-cy="inspector-node-id"] > .node-key').verifyVisibleElement(
-        "have.text",
-        "id"
-      );
+      cy.get(`${inspectorNodeId} > .node-key`).should("have.text", "id");
     }
-    openNode("mode");
-    verifyValue("value", "String", `"edit"`);
 
-    openNode("groups");
-    verifyValue("0", "String", `"all_users"`);
-    verifyValue("1", "String", `"admin"`);
-    verifyNodeData("constants", "Object", "0 entry ");
+    cy.apiDeleteApp();
+  });
 
-    openNode("globals");
-    openNode("page");
-    verifyValue("handle", "String", `"home"`);
-    verifyValue("name", "String", `"Home"`);
+  it("should verify dynamic items", () => {
+    cy.get(commonWidgetSelector.sidebarinspector).click();
+    cy.get(".tooltip-inner").invoke("hide");
 
     cy.get(multipageSelector.sidebarPageButton).click();
     addNewPage("test_page");
 
     cy.dragAndDropWidget("Button", 500, 500);
     selectEvent("On click", "Switch page");
-    cy.get('[data-cy="switch-page-label-and-input"] > .select-search')
-      .click()
-      .type("home{enter}");
+    cy.get('[data-cy="switch-page-label-and-input"] > .select-search').click().type("home{enter}");
 
     cy.get('[data-cy="button-add-query-param"]').click();
     cy.wait(3000);
     cy.get("body").then(($body) => {
-      if (
-        $body.find('[data-cy="event-query-param-key-input-field"]').length == 0
-      ) {
+      if ($body.find('[data-cy="event-query-param-key-input-field"]').length == 0) {
         cy.get('[data-cy="button-add-query-param"]').click();
       }
     });
 
-    addSupportCSAData("query-param-key", "key");
-    addSupportCSAData("query-param-value", "value");
-    cy.get('[data-cy="switch-page-label-and-input"] > .select-search')
-      .click()
-      .type("home{enter}");
+    addSupportCSAData("event-query-param-key", "key");
+    addSupportCSAData("event-query-param-value", "value");
+    cy.get('[data-cy="switch-page-label-and-input"] > .select-search').click().type("home{enter}");
 
     cy.get('[data-cy="real-canvas"]').click("topRight", { force: true });
     cy.dragAndDropWidget("Button", 500, 300);
     selectEvent("On click", "Set variable");
-    addSupportCSAData("key", "globalVar");
+    addSupportCSAData("event-key", "globalVar");
     addSupportCSAData("variable", "globalVar");
+
     cy.forceClickOnCanvas();
     cy.waitForAutoSave();
     cy.get(commonWidgetSelector.draggableWidget("button2")).click();
@@ -123,41 +83,41 @@ describe("Editor- Inspector", () => {
     selectEvent("On click", "Set page variable");
     addSupportCSAData("key", "pageVar");
     addSupportCSAData("variable", "pageVar");
+
     cy.forceClickOnCanvas();
     cy.waitForAutoSave();
     cy.get(commonWidgetSelector.draggableWidget("button3")).click();
 
     cy.get(commonWidgetSelector.sidebarinspector).click();
-    openNode("variables");
-    verifyValue("globalVar", "String", `"globalVar"`);
+    openAndVerifyNode("variables", testData.variablesNodes, verifyValue);
 
-    openNode("page");
+    cy.forceClickOnCanvas()
+    cy.wait(500)
+    cy.get(commonWidgetSelector.sidebarinspector).click();
+    cy.get(".tooltip-inner").invoke("hide");
+
+    // openNode("page");
+
+    openAndVerifyNode("page", testData.testPageNodes, verifyValue);
     openNode("variables", 1);
     verifyValue("pageVar", "String", `"pageVar"`);
-    verifyValue("handle", "String", `"test-page"`);
-    verifyValue("name", "String", `"test_page"`);
 
-    openNode("components");
-    verifyNodeData("button1", "Object", "7 entries ");
-    verifyNodeData("button2", "Object", "7 entries ");
-    verifyNodeData("button3", "Object", "7 entries ");
+    openAndVerifyNode("components", testData.componentsNodes, verifyNodeData);
 
     cy.get('[data-cy="real-canvas"]').click("topRight", { force: true });
     cy.get(commonWidgetSelector.draggableWidget("button1")).click();
     cy.get(commonWidgetSelector.sidebarinspector).click();
 
-    openNode("page");
-    verifyValue("handle", "String", `"home"`);
-    verifyValue("name", "String", `"Home"`);
-
+    openAndVerifyNode("page", testData.pageNodes, verifyValue);
     openNode("globals");
-    verifyNodeData("urlparams", "Object", "1 entry ");
-
     openNode("urlparams");
     verifyValue("key", "String", `"value"`);
 
-    cy.get(`[data-cy="inspector-node-key"] > .mx-1`).realHover();
-    cy.get('[data-cy="copy-path-to-clipboard"]').realClick();
+    cy.get(`[data-cy="inspector-node-key"] > .mx-1`)
+      .realHover()
+      .parent()
+      .find('[data-cy="copy-path-to-clipboard"]')
+      .realClick();
     cy.realPress("Escape");
 
     cy.window().then((win) => {
@@ -166,7 +126,11 @@ describe("Editor- Inspector", () => {
       });
     });
 
-    cy.get('[data-cy="copy-value-to-clicpboard"]').realClick();
+    cy.get(`[data-cy="inspector-node-key"] > .mx-1`)
+      .realHover()
+      .parent()
+      .find('[data-cy="copy-value-to-clicpboard"]')
+      .realClick();
     cy.realPress("Escape");
     cy.window().then((win) => {
       win.navigator.clipboard.readText().then((text) => {
@@ -182,16 +146,16 @@ describe("Editor- Inspector", () => {
     cy.notVisible(commonWidgetSelector.draggableWidget("button1"));
     cy.apiDeleteApp();
   });
+
   it("should verify deletion of component from inspector", () => {
     cy.dragAndDropWidget("button", 500, 500);
     cy.get(commonWidgetSelector.sidebarinspector).click();
     deleteComponentFromInspector("button1");
-    cy.verifyToastMessage(
-      `[class=go3958317564]`,
-      "Component deleted! (⌘ + Z to undo)"
-    );
+    cy.verifyToastMessage(`[class=go3958317564]`, "Component deleted! (⌘ + Z to undo)");
+
     navigateToCreateNewVersionModal((currentVersion = "v1"));
     createNewVersion((newVersion = ["v2"]), (versionFrom = "v1"));
     cy.notVisible(commonWidgetSelector.draggableWidget("button1"));
+    cy.apiDeleteApp();
   });
 });
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/app-version/version.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/app-version/version.cy.js
index a4dc305d73..6b1beb43da 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/app-version/version.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/app-version/version.cy.js
@@ -65,15 +65,15 @@ describe("App Version Functionality", () => {
     closeModal(commonText.closeButton);
   });
 
-  it("Verify all functionality for the app version", () => {
+  it.skip("Verify all functionality for the app version", () => {
     data.appName = `${fake.companyName}-App`;
     cy.apiCreateApp(data.appName);
     cy.openApp()
     cy.get('[data-cy="widget-list-box-table"]').should("be.visible");
-
-    cy.dragAndDropWidget("Text", 50, 50);
+  
+    // cy.dragAndDropWidget("Text", 50, 50);
     verifyComponent("text1");
-
+   
     navigateToCreateNewVersionModal((currentVersion = "v1"));
     createNewVersion((newVersion = ["v2"]), (versionFrom = "v1"));
     verifyComponent("text1");
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/appSlug.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/appSlug.cy.js
index 157700f9e2..f4b7bfb71f 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/appSlug.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/appSlug.cy.js
@@ -41,7 +41,7 @@ describe("App slug", () => {
         );
         cy.get(commonWidgetSelector.appLinkField).verifyVisibleElement(
             "have.text",
-            `http://localhost:8082/my-workspace/apps/${Cypress.env("appId")}`
+            `${Cypress.config('baseUrl')}/my-workspace/apps/${Cypress.env("appId")}`
         );
 
         cy.wait(500);
@@ -84,11 +84,11 @@ describe("App slug", () => {
         );
         cy.get(commonWidgetSelector.appLinkField).verifyVisibleElement(
             "have.text",
-            `http://localhost:8082/my-workspace/apps/${data.slug}`
+            `${Cypress.config('baseUrl')}/my-workspace/apps/${data.slug}`
         );
         cy.url().should(
             "eq",
-            `http://localhost:8082/my-workspace/apps/${data.slug}/home`
+            `${Cypress.config('baseUrl')}/my-workspace/apps/${data.slug}`
         );
 
         releaseApp();
@@ -97,15 +97,15 @@ describe("App slug", () => {
         cy.wait(2000);
         cy.url().should(
             "eq",
-            `http://localhost:8082/applications/${data.slug}/home?version=v1`
+            `${Cypress.config('baseUrl')}/applications/${data.slug}/home?version=v1`
         );
         cy.visit("/my-workspace");
         cy.wait(500);
 
         cy.visitSlug({
-            actualUrl: `http://localhost:8082/applications/${data.slug}`,
+            actualUrl: `${Cypress.config('baseUrl')}/applications/${data.slug}`,
         });
-        cy.url().should("eq", `http://localhost:8082/applications/${data.slug}`);
+        cy.url().should("eq", `${Cypress.config('baseUrl')}/applications/${data.slug}`);
         cy.visit("/my-workspace");
         cy.wait(500);
 
@@ -176,20 +176,20 @@ describe("App slug", () => {
         cy.get(commonWidgetSelector.modalCloseButton).click();
         cy.url().should(
             "eq",
-            `http://localhost:8082/my-workspace/apps/${data.slug}/home`
+            `${Cypress.config('baseUrl')}/my-workspace/apps/${data.slug}/home`
         );
 
         cy.openInCurrentTab(commonWidgetSelector.previewButton);
         cy.wait(1000);
         cy.url().should(
             "eq",
-            `http://localhost:8082/applications/${data.slug}/home?version=v1`
+            `${Cypress.config('baseUrl')}/applications/${data.slug}/home?version=v1`
         );
         cy.visit("/my-workspace");
         cy.wait(500);
 
         cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
-        cy.url().should("eq", `http://localhost:8082/applications/${data.slug}`);
+        cy.url().should("eq", `${Cypress.config('baseUrl')}/applications/${data.slug}`);
         cy.visit("/my-workspace");
         cy.wait(500);
 
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/privateAndPublicApp.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/privateAndPublicApp.cy.js
index 4f3cfe3976..f21f16409f 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/privateAndPublicApp.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/editor/privateAndPublicApp.cy.js
@@ -14,6 +14,7 @@ import { addAppToGroup } from "Support/utils/manageGroups";
 import { ssoSelector } from "Selectors/manageSSO";
 import { fetchAndVisitInviteLink } from "Support/utils/manageUsers";
 import { usersSelector } from "Selectors/manageUsers";
+import { onboardingSelectors } from "Selectors/onboarding";
 
 describe(
   "App share functionality",
@@ -26,7 +27,6 @@ describe(
     const data = {};
     beforeEach(() => {
       cy.defaultWorkspaceLogin();
-      // cy.removeAssignedApps();
       cy.skipWalkthrough();
     });
 
@@ -36,16 +36,19 @@ describe(
 
       cy.apiCreateApp(data.appName);
       cy.openApp();
-      cy.dragAndDropWidget("Table", 250, 250);
+      cy.addComponentToApp(data.appName, "text1");
 
-      verifyTooltip(
-        commonWidgetSelector.shareAppButton,
-        "Share URL is unavailable until current version is released"
-      );
-      cy.get('[data-cy="share-button-link"]>span').should(
-        "have.class",
-        "share-disabled"
-      );
+      //Need to automate with the new flow
+
+      // verifyTooltip(
+      //   commonWidgetSelector.shareAppButton,
+      //   "Share URL is unavailable until current version is released"
+      // );
+
+      // cy.get('[data-cy="share-button-link"]>span').should(
+      //   "have.class",
+      //   "share-disabled"
+      // );
       releaseApp();
       cy.get(commonWidgetSelector.shareAppButton).click();
 
@@ -72,30 +75,30 @@ describe(
 
       logout();
       cy.wait(4000);
-      cy.get(commonSelectors.loginButton, { timeout: 20000 }).should(
+      cy.get(onboardingSelectors.signInButton, { timeout: 20000 }).should(
         "be.visible"
       );
       cy.visitSlug({
-        actualUrl: `http://localhost:8082/applications/${data.slug}`,
+        actualUrl: `${Cypress.config('baseUrl')}/applications/${data.slug}`,
       });
       cy.wait(3000);
 
-      cy.get(commonSelectors.loginButton, { timeout: 20000 }).should(
+      cy.get(onboardingSelectors.signInButton, { timeout: 20000 }).should(
         "be.visible"
       );
 
-      cy.clearAndType(commonSelectors.workEmailInputField, "dev@tooljet.io");
-      cy.clearAndType(commonSelectors.passwordInputField, "password");
-      cy.get(commonSelectors.loginButton).click();
+      cy.clearAndType(onboardingSelectors.loginEmailInput, "dev@tooljet.io");
+      cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+      cy.get(onboardingSelectors.signInButton).click();
 
       cy.wait(500);
-      cy.get('[data-cy="draggable-widget-table1"]').should("be.visible");
+      cy.get(".text-widget-section > div").should("be.visible");
       cy.get(commonSelectors.viewerPageLogo).click();
 
       cy.openApp(
         "my-workspace",
         Cypress.env("appId"),
-        '[data-cy="draggable-widget-table1"]'
+        ".text-widget-section > div"
       );
       cy.get(commonWidgetSelector.shareAppButton).click();
       cy.get(commonWidgetSelector.makePublicAppToggle).check();
@@ -104,23 +107,22 @@ describe(
 
       logout();
       cy.wait(4000);
-      cy.get(commonSelectors.loginButton, { timeout: 20000 }).should(
+      cy.get(onboardingSelectors.signInButton, { timeout: 20000 }).should(
         "be.visible"
       );
       cy.visitSlug({
-        actualUrl: `http://localhost:8082/applications/${data.slug}`,
+        actualUrl: `${Cypress.config('baseUrl')}/applications/${data.slug}`,
       });
       cy.wait(3000);
-      cy.get('[data-cy="draggable-widget-table1"]').should("be.visible");
+      cy.get(".text-widget-section > div").should("be.visible");
     });
 
     it("Verify app private and public app visibility for the same workspace user", () => {
       data.appName = `${fake.companyName} App`;
       data.slug = data.appName.toLowerCase().replace(/\s+/g, "-");
-
       cy.apiCreateApp(data.appName);
       cy.openApp();
-      cy.dragAndDropWidget("Table", 250, 250);
+      cy.addComponentToApp(data.appName, "text1");
       releaseApp();
 
       cy.wait(1000);
@@ -132,13 +134,13 @@ describe(
       cy.backToApps();
 
       cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
-      cy.get('[data-cy="draggable-widget-table1"]').should("be.visible");
+      cy.get(".text-widget-section > div").should("be.visible");
 
       cy.defaultWorkspaceLogin();
       cy.openApp(
         "my-workspace",
         Cypress.env("appId"),
-        '[data-cy="draggable-widget-table1"]'
+        ".text-widget-section > div"
       );
       cy.wait(2000);
       cy.get(commonWidgetSelector.shareAppButton).click();
@@ -149,20 +151,21 @@ describe(
 
       logout();
       cy.wait(4000);
-      cy.get(commonSelectors.loginButton, { timeout: 20000 }).should(
+      cy.get(onboardingSelectors.signInButton, { timeout: 20000 }).should(
         "be.visible"
       );
 
       cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
 
-      cy.login("test@tooljet.com", "password");
+      cy.appUILogin("test@tooljet.com", "password");
       cy.get(commonSelectors.allApplicationLink).verifyVisibleElement(
         "have.text",
         commonText.allApplicationLink
       );
     });
 
-    it("Verify app private and public app visibility for the same instance user", () => {
+    //Fix the case after bug fix
+    it.skip("Verify app private and public app visibility for the same instance user", () => {
       data.firstName = fake.firstName;
       data.email = fake.email.toLowerCase();
       data.appName = `${fake.companyName} App`;
@@ -171,7 +174,8 @@ describe(
 
       cy.apiCreateApp(data.appName);
       cy.openApp();
-      cy.dragAndDropWidget("Table", 250, 250);
+      cy.addComponentToApp(data.appName, "text1");
+
       releaseApp();
 
       cy.wait(1000);
@@ -183,13 +187,19 @@ describe(
       cy.logoutApi();
       userSignUp(data.firstName, data.email, data.workspaceName);
       cy.wait(3000);
+      cy.backToApps();
+      cy.wait(1000);
 
       cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
       cy.wait(1000);
+      cy.pause();
 
-      cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-      cy.clearAndType(commonSelectors.passwordInputField, "password");
-      cy.get(commonSelectors.signInButton).click();
+      // logout();
+
+      cy.clearAndType(onboardingSelectors.loginEmailInput, data.email);
+      cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+      cy.get(onboardingSelectors.signInButton).click();
+      cy.pause();
       cy.wait(1000);
       cy.get(ssoSelector.workspaceSubHeader).verifyVisibleElement(
         "have.text",
@@ -211,15 +221,16 @@ describe(
 
       logout();
       cy.wait(4000);
-      cy.get(commonSelectors.loginButton, { timeout: 20000 }).should(
+      cy.get(onboardingSelectors.signInButton, { timeout: 20000 }).should(
         "be.visible"
       );
       cy.visitSlug({ actualUrl: `/applications/${data.slug}` });
-      cy.get('[data-cy="draggable-widget-table1"]').should("be.visible");
+      cy.get(".text-widget-section > div").should("be.visible");
       cy.get(commonSelectors.viewerPageLogo).click();
     });
 
-    it("hould redirect to the workspace login page, allow signup, proceed to accept invite page, and load the app", () => {
+    //Need to update with the new permission flow
+    it.skip("hould redirect to the workspace login page, allow signup, proceed to accept invite page, and load the app", () => {
       let invitationToken,
         organizationToken,
         workspaceId,
@@ -235,7 +246,8 @@ describe(
       setSignupStatus(true);
       cy.apiCreateApp(data.appName);
       cy.openApp();
-      cy.dragAndDropWidget("Table", 250, 250);
+      cy.addComponentToApp(data.appName, "text1");
+
       releaseApp();
 
       cy.wait(1000);
@@ -258,8 +270,8 @@ describe(
       cy.get(commonSelectors.createAnAccountLink).click();
 
       cy.clearAndType(commonSelectors.nameInputField, data.firstName);
-      cy.clearAndType(commonSelectors.emailInputField, data.email);
-      cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
+      cy.clearAndType(onboardingSelectors.loginEmailInput, data.email);
+      cy.clearAndType(onboardingSelectors.loginPasswordInput, commonText.password);
       cy.get(commonSelectors.signUpButton).click();
 
       cy.apiLogin();
@@ -296,7 +308,7 @@ describe(
         });
       });
 
-      cy.get('[data-cy="draggable-widget-table1"]').should("be.visible");
+      cy.get(".text-widget-section > div").should("be.visible");
     });
   }
 );
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/globalDataSources/globalDataSourcePermissions.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/globalDataSources/globalDataSourcePermissions.cy.js
index d5c35f5d39..74de50f461 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/globalDataSources/globalDataSourcePermissions.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/globalDataSources/globalDataSourcePermissions.cy.js
@@ -215,7 +215,7 @@ describe("Global Datasource Manager", () => {
     cy.get('[data-cy="databases-datasource-button"]').should("be.visible");
 
     cy.apiCreateGDS(
-      "http://localhost:3000/api/v2/data_sources",
+      `${Cypress.env("server_host")}/api/v2/data_sources`,
       `cypress-${data.dsName2}-postgresql`,
       "postgresql",
       [
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/selfHost/selfHostSignUp.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/selfHost/selfHostSignUp.cy.js
deleted file mode 100644
index 16fce362c2..0000000000
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/selfHost/selfHostSignUp.cy.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import { commonSelectors } from "Selectors/common";
-import { commonText } from "Texts/common";
-import * as signup from "Support/utils/selfHostSignUp";
-import { logout } from "Support/utils/common";
-
-describe("Self host onboarding", () => {
-  beforeEach(() => {
-    cy.visit('/setup');
-  });
-
-  it("verify elements on self host onboarding page", () => {
-    cy.get(commonSelectors.selfHostSetUpBanner).should("be.visible");
-    cy.get(commonSelectors.selfHostSetUpSubBanner).should("be.visible");
-    cy.get(commonSelectors.selfHostSetUpCard).should("be.visible");
-    cy.get(commonSelectors.selfHostSetUpCardImage).should("be.visible");
-    cy.get(commonSelectors.selfHostSetUpCardHeader).verifyVisibleElement(
-      "have.text",
-      commonText.selfHostSetUpCardHeader
-    );
-    cy.get(commonSelectors.selfHostSetUpCardSubHeader).verifyVisibleElement(
-      "have.text",
-      commonText.selfHostSetUpCardSubHeader
-    );
-    cy.get(commonSelectors.setUpToolJetButton)
-      .verifyVisibleElement("have.text", commonText.setUpToolJetButton)
-      .click();
-
-    signup.selfHostCommonElements();
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.setUpAdminHeader
-    );
-
-    cy.get(commonSelectors.userNameInputLabel).verifyVisibleElement(
-      "have.text",
-      commonText.userNameInputLabel
-    );
-    cy.get(commonSelectors.nameInputField).should("be.visible");
-    cy.get(commonSelectors.emailInputLabel).verifyVisibleElement(
-      "have.text",
-      commonText.emailInputLabel
-    );
-    cy.get(commonSelectors.emailInputField).should("be.visible");
-    cy.get(commonSelectors.passwordLabel).verifyVisibleElement(
-      "have.text",
-      commonText.passwordLabel
-    );
-    cy.get(commonSelectors.passwordInputField).should("be.visible");
-
-    cy.get(commonSelectors.passwordHelperText).verifyVisibleElement(
-      "have.text",
-      commonText.passwordHelperText
-    );
-
-    cy.get(commonSelectors.signUpTermsHelperText).should(($el) => {
-      expect($el.contents().first().text().trim()).to.eq(
-        commonText.selfHostSignUpTermsHelperText
-      );
-    });
-    cy.get(commonSelectors.termsOfServiceLink)
-      .verifyVisibleElement("have.text", commonText.termsOfServiceLink)
-      .and("have.attr", "href")
-      .and("equal", "https://www.tooljet.com/terms");
-    cy.get(commonSelectors.privacyPolicyLink)
-      .verifyVisibleElement("have.text", commonText.privacyPolicyLink)
-      .and("have.attr", "href")
-      .and("equal", "https://www.tooljet.com/privacy");
-
-    cy.clearAndType(commonSelectors.nameInputField, "The Developer");
-    cy.clearAndType(commonSelectors.emailInputField, "dev@tooljet.io");
-    cy.clearAndType(commonSelectors.passwordInputField, "password");
-    cy.get(commonSelectors.continueButton).click();
-
-    signup.selfHostCommonElements();
-    cy.get(commonSelectors.userAccountNameAvatar).should("be.visible");
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      "Set up your workspace"
-    );
-    cy.get(commonSelectors.workspaceNameInputLabel).verifyVisibleElement(
-      "have.text",
-      commonText.workspaceNameInputLabel
-    );
-    cy.get(commonSelectors.workspaceNameInputField).should("be.visible");
-    cy.clearAndType(commonSelectors.workspaceNameInputField, "My workspace");
-    cy.get(commonSelectors.continueButton).click();
-
-    signup.selfHostCommonElements();
-    signup.commonElementsWorkspaceSetup();
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.companyPageHeader("The Developer")
-    );
-    cy.get(commonSelectors.companyNameInputField).should("be.visible");
-    cy.clearAndType(commonSelectors.companyNameInputField, "ToolJet");
-    cy.get(commonSelectors.continueButton).click();
-
-    signup.selfHostCommonElements();
-    signup.commonElementsWorkspaceSetup();
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.userRolePageHeader
-    );
-    signup.verifyandModifyUserRole();
-
-    signup.selfHostCommonElements();
-    signup.commonElementsWorkspaceSetup();
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.sizeOftheCompanyHeader
-    );
-
-    signup.verifyandModifySizeOftheCompany();
-
-    cy.get(commonSelectors.pageLogo).should("be.visible");
-    cy.get(commonSelectors.setUpadminCheckPoint).verifyVisibleElement(
-      "have.text",
-      commonText.setUpadminCheckPoint
-    );
-    cy.get(commonSelectors.setUpworkspaceCheckPoint).verifyVisibleElement(
-      "have.text",
-      commonText.setUpworkspaceCheckPoint
-    );
-    cy.get(commonSelectors.companyProfileCheckPoint).verifyVisibleElement(
-      "have.text",
-      commonText.companyProfileCheckPoint
-    );
-    cy.get(commonSelectors.onboardingPageSubHeader).verifyVisibleElement(
-      "have.text",
-      commonText.onboardingPageSubHeader
-    );
-    cy.get(commonSelectors.continueButton).verifyVisibleElement(
-      "have.text",
-      commonText.continueButton
-    );
-
-    signup.commonElementsWorkspaceSetup();
-    cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-      "have.text",
-      "Enter your phone number"
-    );
-
-    cy.get(".form-control").should("be.visible");
-    cy.get(".tj-onboarding-phone-input-wrapper")
-      .find("input")
-      .type("919876543210");
-    cy.get(commonSelectors.continueButton).click();
-
-    cy.get("body").then(($title) => {
-      if (!$title.text().includes("Enter your phone number")) {
-        cy.get(commonSelectors.workspaceName).verifyVisibleElement(
-          "have.text",
-          "My workspace"
-        );
-
-        logout();
-        cy.appUILogin();
-
-        cy.get(commonSelectors.workspaceName).verifyVisibleElement(
-          "have.text",
-          "My workspace"
-        );
-      }
-    });
-  });
-});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/userFlow/firstUserOnboarding.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/userFlow/firstUserOnboarding.cy.js
new file mode 100644
index 0000000000..43d1f0d169
--- /dev/null
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/userFlow/firstUserOnboarding.cy.js
@@ -0,0 +1,84 @@
+import { commonSelectors } from "Selectors/common";
+import { commonText } from "Texts/common";
+import * as signup from "Support/utils/selfHostSignUp";
+import { logout } from "Support/utils/common";
+import { onboardingSelectors } from "Selectors/onboarding";
+
+describe("Self host onboarding", () => {
+  beforeEach(() => {
+    cy.visit("/setup");
+  });
+
+  it("verify elements on self host onboarding page", () => {
+    cy.get(commonSelectors.HostBanner).should("be.visible");
+    cy.get(commonSelectors.pageLogo).should("be.visible");
+    cy.get(commonSelectors.adminSetup).should("be.visible");
+    cy.get(commonSelectors.signupTerms).should("be.visible");
+
+    cy.get(commonSelectors.userNameInputLabel).verifyVisibleElement(
+      "have.text",
+      commonText.userNameInputLabel
+    );
+    cy.get(commonSelectors.nameInputField).should("be.visible");
+    cy.get(commonSelectors.emailInputLabel).verifyVisibleElement(
+      "have.text",
+      commonText.emailInputLabel
+    );
+    cy.get(onboardingSelectors.emailInput).should("be.visible");
+    cy.get(commonSelectors.passwordLabel).verifyVisibleElement(
+      "have.text",
+      commonText.passwordLabel
+    );
+    cy.get(onboardingSelectors.passwordInput).should("be.visible");
+    cy.get(commonSelectors.passwordHelperTextSignup).verifyVisibleElement(
+      "have.text",
+      commonText.passwordHelperText
+    );
+
+    cy.get(commonSelectors.signUpTermsHelperText).should(($el) => {
+      expect($el.contents().first().text().trim()).to.eq(
+        commonText.selfHostSignUpTermsHelperText
+      );
+    });
+    cy.get(commonSelectors.termsOfServiceLink)
+      .verifyVisibleElement("have.text", commonText.termsOfServiceLink)
+      .and("have.attr", "href")
+      .and("equal", "https://www.tooljet.com/terms");
+    cy.get(commonSelectors.privacyPolicyLink)
+      .verifyVisibleElement("have.text", commonText.privacyPolicyLink)
+      .and("have.attr", "href")
+      .and("equal", "https://www.tooljet.com/privacy");
+
+    cy.clearAndType(commonSelectors.nameInputField, "The Developer");
+    cy.clearAndType(onboardingSelectors.emailInput, "dev@tooljet.io");
+    cy.clearAndType(onboardingSelectors.passwordInput, "password");
+    cy.get(commonSelectors.continueButton).click();
+
+    cy.get(commonSelectors.setUpworkspaceCheckPoint).verifyVisibleElement(
+      "have.text",
+      "Set up your workspace!"
+    );
+    cy.get(commonSelectors.workspaceNameInputLabel).verifyVisibleElement(
+      "have.text",
+      commonText.workspaceNameInputLabel
+    );
+    cy.get(commonSelectors.workspaceNameInputField).should("be.visible");
+    cy.clearAndType(commonSelectors.workspaceNameInputField, "My workspace");
+    cy.get(commonSelectors.OnbordingContinue).click();
+
+    cy.get(commonSelectors.skipbutton).click();
+    cy.get(commonSelectors.backLogo).click();
+    cy.get(commonSelectors.backtoapps).click();
+
+    logout();
+    cy.appUILogin();
+
+    cy.get(commonSelectors.workspaceName).verifyVisibleElement(
+      "have.text",
+      "My workspace"
+    );
+  });
+});
+
+
+
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/manageSSO.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/manageSSO.cy.js
index 95f4ad6304..e942767782 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/manageSSO.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/manageSSO.cy.js
@@ -28,11 +28,6 @@ describe("Manage SSO for multi workspace", () => {
         commonText.breadcrumbworkspaceSettingTitle
       );
     });
-    cy.get(commonSelectors.breadcrumbPageTitle).verifyVisibleElement(
-      "have.text",
-      ssoText.pagetitle
-    );
-
     cy.get(ssoSelector.cardTitle).verifyVisibleElement(
       "have.text",
       "Workspace login"
@@ -72,6 +67,7 @@ describe("Manage SSO for multi workspace", () => {
 
   it("Should verify Google SSO page elements", () => {
     common.navigateToManageSSO();
+    cy.wait(2000);
     cy.get(ssoSelector.google).should("be.visible").click();
     cy.get(ssoSelector.cardTitle)
       .eq(1)
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/workspaceConstants.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/workspaceConstants.cy.js
index 2d480d4a2b..ff75efb05a 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/workspaceConstants.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/ceTestcases/workspace/workspaceConstants.cy.js
@@ -7,6 +7,7 @@ import * as common from "Support/utils/common";
 import {
     contantsNameValidation,
     AddNewconstants,
+    existingNameValidation,
 } from "Support/utils/workspaceConstants";
 import { buttonText } from "Texts/button";
 import { editAndVerifyWidgetName } from "Support/utils/commonWidget";
@@ -28,7 +29,7 @@ describe("Workspace constants", () => {
     const envVar = Cypress.env("environment");
     beforeEach(() => {
         cy.defaultWorkspaceLogin();
-        cy.intercept("GET", "/api/library_apps").as("homePage");
+        // cy.intercept("GET", "/api/library_apps", "homePage");
         cy.skipWalkthrough();
     });
     it("Verify workspace constants UI and CRUD operations", () => {
@@ -57,7 +58,7 @@ describe("Workspace constants", () => {
 
         cy.get(commonSelectors.documentationLink).verifyVisibleElement(
             "have.text",
-            commonText.documentationLink
+            "Read documentation"
         );
 
         cy.get("body").then(($body) => {
@@ -91,13 +92,13 @@ describe("Workspace constants", () => {
         cy.get(commonSelectors.nameLabel).verifyVisibleElement("have.text", "Name");
         cy.get(commonSelectors.nameInputField)
             .invoke("attr", "placeholder")
-            .should("eq", "Enter Constant Name");
+            .should("eq", "Enter constant name");
         cy.get(commonSelectors.nameInputField).should("be.visible");
         cy.get(commonSelectors.valueLabel).should(($el) => {
             expect($el.contents().first().text().trim()).to.eq("Value");
         });
-        cy.get('[data-cy="encrypted-label"]>').should("be.visible");
-        cy.verifyLabel("Encrypted");
+        cy.get('[data-cy="form-encrypted-label"]')
+            .verifyVisibleElement("have.text", "Encrypted");
         cy.get(commonSelectors.valueInputField)
             .invoke("attr", "placeholder")
             .should("eq", "Enter value");
@@ -116,12 +117,12 @@ describe("Workspace constants", () => {
         contantsNameValidation("9", commonText.constantsNameError);
         contantsNameValidation("%", commonText.constantsNameError);
         contantsNameValidation(
-            "ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`a",
+            "Xk4jY2mLn8pQsZ9Rt6vBc7wJaHqOdEfGuVxY3NkMLzPoWX5wee",
             "Maximum length has been reached"
         );
         contantsNameValidation(
-            "ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`afgg",
-            "Constant name should be between 1 and 32 characters"
+            "Xk4jY2mLn8pQsZ9Rt6vBc7wJaHqOdEfGuVxY3NkMLzPoWX5weetr",
+            "Constant name has exceeded 50 characters"
         );
 
         cy.get(commonSelectors.valueInputField).click();
@@ -137,6 +138,7 @@ describe("Workspace constants", () => {
         cy.clearAndType(commonSelectors.nameInputField, data.constName);
         cy.get(commonSelectors.valueInputField).click();
         cy.clearAndType(commonSelectors.valueInputField, data.constName);
+        cy.get(workspaceConstantsSelectors.constantsType("global")).check();
         cy.get(workspaceConstantsSelectors.addConstantButton).should("be.enabled");
         cy.get(commonSelectors.cancelButton).click();
         cy.get(workspaceConstantsSelectors.constantName(data.constName)).should(
@@ -147,26 +149,23 @@ describe("Workspace constants", () => {
         cy.clearAndType(commonSelectors.nameInputField, data.constName);
         cy.get(commonSelectors.valueInputField).click();
         cy.clearAndType(commonSelectors.valueInputField, data.constName);
+        cy.get(workspaceConstantsSelectors.constantsType("global")).check();
         cy.get(workspaceConstantsSelectors.addConstantButton).click();
         cy.verifyToastMessage(
             commonSelectors.toastMessage,
-            workspaceConstantsText.constantCreatedToast
+            workspaceConstantsText.constantCreatedToast("Global")
         );
 
         cy.get(workspaceConstantsSelectors.addNewConstantButton).click();
-        contantsNameValidation(
-            data.constName,
-            "Constant with this name already exists in Production environment"
-        );
+        existingNameValidation(data.constName, "test");
         cy.get(commonSelectors.cancelButton).click();
 
-        cy.get(workspaceConstantsSelectors.envName).verifyVisibleElement(
-            "have.text",
-            "Production"
-        );
+        cy.get(workspaceConstantsSelectors.envName).should(($el) => {
+            expect($el.contents().first().text().trim()).to.eq("Production");
+        });
         cy.get(
             workspaceConstantsSelectors.addNewConstantButton
-        ).verifyVisibleElement("have.text", "Create new constant");
+        ).verifyVisibleElement("have.text", "+ Create new constant");
         cy.get(
             workspaceConstantsSelectors.constantsTableNameHeader
         ).verifyVisibleElement("have.text", "Name");
@@ -270,7 +269,8 @@ describe("Workspace constants", () => {
         );
     });
 
-    it("should verify the constants resolving value on components and query", () => {
+    //Fix after app builder 
+    it.skip("should verify the constants resolving value on components and query", () => {
         cy.viewport(1200, 1300);
 
         data.widgetName = fake.firstName.toLowerCase().replaceAll("[^A-Za-z]", "");
@@ -306,9 +306,9 @@ describe("Workspace constants", () => {
         editAndVerifyWidgetName(data.widgetName, []);
         cy.waitForAutoSave();
 
-        cy.get(
-            '[data-cy="default-value-input-field"]'
-        ).clearAndTypeOnCodeMirror(`{{queries.restapi1.data.message`);
+        cy.get('[data-cy="default-value-input-field"]').clearAndTypeOnCodeMirror(
+            `{{queries.restapi1.data.message`
+        );
         cy.forceClickOnCanvas();
         cy.waitForAutoSave();
         cy.get(dataSourceSelector.queryCreateAndRunButton).click();
@@ -323,7 +323,7 @@ describe("Workspace constants", () => {
             commonWidgetSelector.draggableWidget(data.widgetName)
         ).verifyVisibleElement("have.value", "Production environment testing");
     });
-    it("should verify the constants resolving in datasource connection form", () => {
+    it.skip("should verify the constants resolving in datasource connection form", () => {
         data.ds = fake.lastName.toLowerCase().replaceAll("[^A-Za-z]", "");
 
         data.widgetName = fake.firstName.toLowerCase().replaceAll("[^A-Za-z]", "");
@@ -341,7 +341,7 @@ describe("Workspace constants", () => {
         AddNewconstants(data.restapiHeaderKey, "customHeader");
         AddNewconstants(data.restapiHeaderValue, "key=value");
         cy.apiCreateGDS(
-            "http://localhost:3000/api/v2/data_sources",
+            `${Cypress.env("server_host")}/api/v2/data_sources`,
             data.ds,
             "restapi",
             [
@@ -380,7 +380,7 @@ describe("Workspace constants", () => {
             };
             cy.request({
                 method: "GET",
-                url: `http://localhost:3000/api/app-environments/versions?app_id=${Cypress.env(
+                url: `${Cypress.env("server_host")}/api/app-environments/versions?app_id=${Cypress.env(
                     "appId"
                 )}`,
                 headers: headers,
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/forgotPassword.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/forgotPassword.cy.js
deleted file mode 100644
index 24e31d0d4f..0000000000
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/forgotPassword.cy.js
+++ /dev/null
@@ -1,183 +0,0 @@
-import { commonSelectors } from "Selectors/common";
-import { commonText } from "Texts/common";
-import { fake } from "Fixtures/fake";
-import { addNewUser } from "Support/utils/onboarding";
-import { logout } from "Support/utils/common";
-
-describe("Password reset functionality", () => {
-  const data = {};
-  let passwordResetLink = "";
-
-  it("Verify wrong password limit", () => {
-    data.firstName = fake.firstName;
-    data.email = fake.email.toLowerCase();
-
-    cy.defaultWorkspaceLogin();
-    addNewUser(data.firstName, data.email);
-    logout();
-
-    for (let i = 0; i < 5; i++) {
-      cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-      cy.clearAndType(commonSelectors.passwordInputField, "passw");
-      cy.get(commonSelectors.loginButton).click();
-      cy.verifyToastMessage(
-        commonSelectors.toastMessage,
-        "Invalid credentials"
-      );
-    }
-    cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, "passw");
-    cy.get(commonSelectors.loginButton).click();
-    cy.verifyToastMessage(
-      commonSelectors.toastMessage,
-      "Maximum password retry limit reached, please reset your password using forgot password option"
-    );
-  });
-  it("Verify forgot password page elements and functionality", () => {
-    cy.visit("/");
-    cy.get(commonSelectors.forgotPasswordLink).click();
-    cy.get(commonSelectors.pageLogo).should("be.visible");
-    cy.get(commonSelectors.forgotPasswordPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.forgotPasswordPageHeader
-    );
-    cy.get(commonSelectors.forgotPasswordPageSubHeader).should(($el) => {
-      expect($el.contents().first().text().trim()).to.eq(
-        "New to"
-      );
-    });
-    cy.get(commonSelectors.createAnAccountLink).verifyVisibleElement(
-      "have.text",
-      commonText.createAnAccountLink
-    );
-    cy.get(commonSelectors.emailInputLabel).verifyVisibleElement(
-      "have.text",
-      commonText.emailAddressLabel
-    );
-    cy.get(commonSelectors.emailInputField).should("be.visible");
-    cy.get(commonSelectors.resetPasswordLinkButton)
-      .verifyVisibleElement("have.text", commonText.resetPasswordLinkButton)
-      .and("be.disabled");
-    cy.get(commonSelectors.enterIcon).should("be.visible");
-
-    cy.clearAndType(commonSelectors.emailInputField, data.email);
-    cy.get(commonSelectors.resetPasswordLinkButton).click();
-
-    cy.get("body").then(($title) => {
-      if (!$title.text().includes("Forgot Password")) {
-        cy.verifyToastMessage(
-          commonSelectors.toastMessage,
-          commonText.passwordResetEmailToast
-        );
-        cy.get(commonSelectors.pageLogo).should("be.visible");
-        cy.get(commonSelectors.emailImage).should("be.visible");
-        cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-          "have.text",
-          commonText.emailPageHeader
-        );
-        cy.get(commonSelectors.onboardingPageDescription).verifyVisibleElement(
-          "have.text",
-          commonText.resetPasswordEmailDescription(data.email)
-        );
-        cy.get(commonSelectors.spamMessage).verifyVisibleElement(
-          "have.text",
-          commonText.spamMessage
-        );
-        cy.get(commonSelectors.onboardingSeperator).should("be.visible");
-        cy.get(commonSelectors.onboardingSeperatorText).verifyVisibleElement(
-          "have.text",
-          commonText.onboardingSeperatorText
-        );
-        cy.get(commonSelectors.backToLoginButton).verifyVisibleElement(
-          "have.text",
-          commonText.backToLoginButton
-        );
-      }
-    });
-
-    cy.task("updateId", {
-      dbconfig: Cypress.env("app_db"),
-      sql: `select forgot_password_token from users where email='${data.email}';`,
-    }).then((resp) => {
-      passwordResetLink = `/reset-password/${resp.rows[0].forgot_password_token}`;
-    });
-  });
-
-  it("Verify reset password page and functionality", () => {
-    cy.visit(passwordResetLink);
-    cy.get(commonSelectors.pageLogo).should("be.visible");
-    cy.get(commonSelectors.passwordResetPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.passwordResetPageHeader
-    );
-    cy.get(commonSelectors.newPasswordInputLabel).verifyVisibleElement(
-      "have.text",
-      commonText.newPasswordInputLabel
-    );
-    cy.get(commonSelectors.newPasswordInputField).should("be.visible");
-    cy.get(commonSelectors.passwordHelperText)
-      .eq(0)
-      .verifyVisibleElement("have.text", commonText.passwordHelperText);
-    cy.get(commonSelectors.confirmPasswordInputFieldLabel).verifyVisibleElement(
-      "have.text",
-      commonText.confirmPasswordInputFieldLabel
-    );
-    cy.get(commonSelectors.confirmPasswordInputField).should("be.visible");
-    cy.get(commonSelectors.passwordHelperText)
-      .eq(1)
-      .verifyVisibleElement("have.text", commonText.passwordHelperText);
-    cy.get(commonSelectors.resetPasswordButton)
-      .verifyVisibleElement("have.text", commonText.resetPasswordButton)
-      .and("be.disabled");
-    cy.get(commonSelectors.enterIcon).should("be.visible");
-
-    cy.clearAndType(commonSelectors.newPasswordInputField, "Pass");
-    cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
-
-    cy.get(commonSelectors.newPasswordInputField).clear();
-    cy.clearAndType(commonSelectors.confirmPasswordInputField, "Pass");
-    cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
-
-    cy.clearAndType(commonSelectors.newPasswordInputField, "Pass");
-    cy.clearAndType(commonSelectors.confirmPasswordInputField, "Pass");
-    cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
-
-    cy.clearAndType(commonSelectors.newPasswordInputField, "password1");
-    cy.clearAndType(commonSelectors.confirmPasswordInputField, "password");
-    cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
-
-    cy.clearAndType(commonSelectors.newPasswordInputField, "Password");
-    cy.clearAndType(commonSelectors.confirmPasswordInputField, "password");
-    cy.get(commonSelectors.resetPasswordButton).click();
-    cy.verifyToastMessage(commonSelectors.toastMessage, "Password don't match");
-
-    cy.clearAndType(commonSelectors.newPasswordInputField, "Password");
-    cy.clearAndType(commonSelectors.confirmPasswordInputField, "Password");
-    cy.get(commonSelectors.resetPasswordButton).should("be.enabled").click();
-    cy.verifyToastMessage(
-      commonSelectors.toastMessage,
-      commonText.passwordResetSuccessToast
-    );
-
-    cy.get(commonSelectors.pageLogo).should("be.visible");
-    cy.get(commonSelectors.passwordResetPageHeader).verifyVisibleElement(
-      "have.text",
-      commonText.passwordResetSuccessPageHeader
-    );
-    cy.get(commonSelectors.resetPasswordPageDescription).verifyVisibleElement(
-      "have.text",
-      commonText.resetPasswordPageDescription
-    );
-    cy.get(commonSelectors.backToLoginButton).verifyVisibleElement(
-      "have.text",
-      commonText.backToLoginButton
-    );
-  });
-  it("Verify user login using new password", () => {
-    cy.visit("/");
-    cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, "Password");
-    cy.get(commonSelectors.loginButton).click();
-    cy.get(commonSelectors.workspaceName).should("be.visible");
-  });
-});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/login.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/login.cy.js
deleted file mode 100644
index 62fb7106fc..0000000000
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/login.cy.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import { commonSelectors } from "Selectors/common";
-import { fake } from "Fixtures/fake";
-import { commonText, path } from "Texts/common";
-
-describe("Login functionality", () => {
-  let user;
-  const invalidEmail = fake.email;
-  const invalidPassword = fake.password;
-
-  beforeEach(() => {
-    cy.fixture("credentials/login.json").then((login) => {
-      user = login;
-    });
-    cy.visit("/");
-  });
-  it("Should verify elements on the login page", () => {
-    cy.url().should("include", path.loginPath);
-    cy.get(commonSelectors.pageLogo).should("be.visible");
-    cy.get(commonSelectors.signInHeader).verifyVisibleElement(
-      "have.text",
-      commonText.signInHeader
-    );
-    cy.get(commonSelectors.workEmailLabel).verifyVisibleElement(
-      "have.text",
-      commonText.workEmailLabel
-    );
-    cy.get(commonSelectors.passwordLabel).should(($el) => {
-      expect($el.contents().first().text().trim()).to.eq(
-        commonText.passwordLabel
-      );
-    });
-    cy.get(commonSelectors.forgotPasswordLink).verifyVisibleElement(
-      "have.text",
-      commonText.forgotPasswordLink
-    );
-    cy.get(commonSelectors.loginButton).verifyVisibleElement(
-      "have.text",
-      commonText.loginButton
-    );
-
-    cy.get(commonSelectors.workEmailInputField).should("be.visible");
-    cy.get(commonSelectors.passwordInputField).should("be.visible");
-  });
-  it("Should not be able to login with invalid credentials", () => {
-    cy.get(commonSelectors.loginButton).click();
-    cy.get(commonSelectors.emailInputError).verifyVisibleElement(
-      "have.text",
-      commonText.emailInputError
-    );
-
-    cy.clearAndType(commonSelectors.workEmailInputField, invalidEmail);
-    cy.get(commonSelectors.loginButton).click();
-    cy.verifyToastMessage(
-      commonSelectors.toastMessage,
-      commonText.loginErrorToast
-    );
-
-    cy.get(commonSelectors.workEmailInputField).clear();
-    cy.clearAndType(commonSelectors.passwordInputField, invalidPassword);
-    cy.get(commonSelectors.loginButton).click();
-    cy.get(commonSelectors.emailInputError).verifyVisibleElement(
-      "have.text",
-      commonText.emailInputError
-    );
-
-    cy.clearAndType(commonSelectors.workEmailInputField, user.email);
-    cy.get(commonSelectors.passwordInputField).clear();
-    cy.get(commonSelectors.loginButton).click();
-    cy.verifyToastMessage(
-      commonSelectors.toastMessage,
-      commonText.loginErrorToast
-    );
-
-    cy.get(commonSelectors.workEmailInputField).clear();
-    cy.clearAndType(commonSelectors.passwordInputField, user.password);
-    cy.get(commonSelectors.loginButton).click();
-    cy.get(commonSelectors.emailInputError).verifyVisibleElement(
-      "have.text",
-      commonText.emailInputError
-    );
-  });
-  it("Should be able to login with valid credentials", () => {
-    cy.login(user.email, user.password);
-  });
-});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/signUp.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/signUp.cy.js
deleted file mode 100644
index e605d89890..0000000000
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/authentication/signUp.cy.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import { commonSelectors } from "Selectors/common";
-import { commonText } from "Texts/common";
-import { SignUpPageElements } from "Support/utils/onboarding";
-import { fake } from "Fixtures/fake";
-import {
-  verifyConfirmEmailPage,
-  verifyConfirmPageElements,
-  verifyOnboardingQuestions,
-  verifyInvalidInvitationLink,
-  updateWorkspaceName
-} from "Support/utils/onboarding";
-import { dashboardText } from "Texts/dashboard";
-import {
-  verifyandModifyUserRole,
-  verifyandModifySizeOftheCompany,
-} from "Support/utils/selfHostSignUp";
-
-describe("User signup", () => {
-  const data = {};
-  let invitationLink = "";
-
-  it("Verify the signup flow and UI elements", () => {
-    data.fullName = fake.fullName;
-    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-    data.workspaceName = fake.companyName;
-
-    cy.visit("/");
-    cy.get(commonSelectors.createAnAccountLink).realClick();
-    SignUpPageElements();
-
-    cy.clearAndType(commonSelectors.nameInputField, data.fullName);
-    cy.clearAndType(commonSelectors.emailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-    cy.get(commonSelectors.signUpButton).click();
-    cy.wait(500);
-    verifyConfirmEmailPage(data.email);
-
-    cy.task("updateId", {
-      dbconfig: Cypress.env("app_db"),
-      sql: `select invitation_token from users where email='${data.email}';`,
-    }).then((resp) => {
-      invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
-      cy.visit(invitationLink);
-    });
-
-    verifyConfirmPageElements();
-    cy.get(commonSelectors.setUpToolJetButton).click();
-    cy.wait(4000);
-    verifyOnboardingQuestions(data.fullName, data.workspaceName);
-  });
-  it("Verify invalid invitation link", () => {
-    cy.log(invitationLink)
-    cy.visit(invitationLink);
-    verifyInvalidInvitationLink();
-    cy.get(commonSelectors.backtoSignUpButton).click();
-    cy.get(commonSelectors.SignUpSectionHeader).should("be.visible");
-  });
-  it("Verify onboarding flow", () => {
-    data.fullName = fake.fullName;
-    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-    data.workspaceName = fake.companyName;
-
-    cy.visit("/");
-    cy.get(commonSelectors.createAnAccountLink).realClick();
-
-    cy.clearAndType(commonSelectors.nameInputField, data.fullName);
-    cy.clearAndType(commonSelectors.emailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-    cy.get(commonSelectors.signUpButton).click();
-    cy.wait(8000);
-    cy.get(commonSelectors.resendEmailButton).click();
-    cy.get(commonSelectors.editEmailButton).click();
-    cy.get(commonSelectors.nameInputField).verifyVisibleElement("have.value", data.fullName)
-    cy.get(commonSelectors.emailInputField).verifyVisibleElement("have.value", data.email);
-    cy.get(commonSelectors.passwordInputField).verifyVisibleElement("have.value", "");
-
-    cy.task("updateId", {
-      dbconfig: Cypress.env("app_db"),
-      sql: `select invitation_token from users where email='${data.email}';`,
-    }).then((resp) => {
-      invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
-      cy.visit(invitationLink);
-    });
-    cy.get(commonSelectors.setUpToolJetButton).click();
-    cy.clearAndType(commonSelectors.companyNameInputField, data.workspaceName);
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-
-    cy.get(commonSelectors.backArrow).click()
-    cy.get(commonSelectors.companyNameInputField).verifyVisibleElement("have.value", data.workspaceName);
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-    cy.get('[data-cy="head-of-engineering-radio-button"]').check()
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-
-    cy.get(commonSelectors.backArrow).click()
-    cy.get('[data-cy="head-of-engineering-radio-button"]').should("be.checked")
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-
-    cy.get('[data-cy="1-10-radio-button"]').check()
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-    cy.get(commonSelectors.backArrow).click()
-    cy.get('[data-cy="1-10-radio-button"]').should("be.checked")
-    cy.get(commonSelectors.continueButton).focus().type('{enter}');
-  })
-});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Login.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Login.cy.js
new file mode 100644
index 0000000000..5a2bc6485d
--- /dev/null
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Login.cy.js
@@ -0,0 +1,88 @@
+import { commonSelectors } from "Selectors/common";
+import { fake } from "Fixtures/fake";
+import { commonText, path } from "Texts/common";
+import { onboardingSelectors } from "Selectors/onboarding";
+import { dashboardSelector } from "Selectors/dashboard";
+import { logout } from "Support/utils/common";
+
+describe("Login functionality", () => {
+  let user;
+  const invalidEmail = fake.email;
+  const invalidPassword = fake.password;
+
+  beforeEach(() => {
+    cy.fixture("credentials/login.json").then((login) => {
+      user = login;
+    });
+    cy.visit("/");
+  });
+  it("Should verify elements on the login page", () => {
+    cy.url().should("include", path.loginPath);
+    cy.get(commonSelectors.pageLogo).should("be.visible");
+    cy.get(commonSelectors.signInHeader).verifyVisibleElement(
+      "have.text",
+      commonText.signInHeader
+    );
+    cy.get(onboardingSelectors.emailLabel).verifyVisibleElement(
+      "have.text",
+      "Email *"
+    );
+    cy.get(onboardingSelectors.passwordLabel).should(($el) => {
+      expect($el.contents().first().text().trim()).to.eq(
+        commonText.LoginPasswordLabel
+      );
+    });
+    cy.get(commonSelectors.forgotPasswordLink).verifyVisibleElement(
+      "have.text",
+      commonText.forgotPasswordLink
+    );
+    cy.get(onboardingSelectors.signInButton).verifyVisibleElement(
+      "have.text",
+      "Sign in"
+    );
+    cy.get(onboardingSelectors.signInButton).should("be.disabled");
+
+    cy.get(onboardingSelectors.signupEmailInput).should("be.visible");
+    cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
+  });
+
+  it("Should be able to login with valid credentials", () => {
+    cy.appUILogin(user.email, user.password);
+    cy.get(commonSelectors.settingsIcon).click();
+    cy.get(dashboardSelector.logoutLink);
+  });
+
+  it("Should not be able to login with invalid credentials", () => {
+    cy.wait(3000);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, "test");
+    cy.clearAndType(onboardingSelectors.signupEmailInput, "test");
+    cy.get(commonSelectors.emailInputError).verifyVisibleElement(
+      "have.text",
+      commonText.emailInputError
+    );
+    cy.get(onboardingSelectors.signInButton).should("be.disabled");
+
+    cy.get(onboardingSelectors.signupEmailInput).clear();
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, invalidPassword);
+    cy.get(onboardingSelectors.signInButton).should("be.disabled");
+
+    cy.clearAndType(onboardingSelectors.signupEmailInput, user.email);
+    cy.get(onboardingSelectors.loginPasswordInput).clear();
+    cy.get(onboardingSelectors.signInButton).should("be.disabled");
+
+    cy.clearAndType(onboardingSelectors.signupEmailInput, user.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, "Pass");
+    cy.get(onboardingSelectors.passwordError).verifyVisibleElement(
+      "have.text",
+      "Password must be at least 5 characters long"
+    );
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, invalidPassword);
+    cy.get(onboardingSelectors.signInButton).click();
+    cy.verifyToastMessage(commonSelectors.toastMessage, "Invalid credentials");
+  });
+
+  it("Should be able to login with valid credentials using api", () => {
+    cy.appUILogin(user.email, user.password);
+    logout();
+  });
+});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Signup.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Signup.cy.js
new file mode 100644
index 0000000000..0c72802bc6
--- /dev/null
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/Signup.cy.js
@@ -0,0 +1,91 @@
+import { commonSelectors } from "Selectors/common";
+import { commonText } from "Texts/common";
+import { SignUpPageElements } from "Support/utils/onboarding";
+import { fake } from "Fixtures/fake";
+import {
+  verifyConfirmEmailPage,
+  verifyConfirmPageElements,
+  verifyOnboardingQuestions,
+  verifyInvalidInvitationLink,
+  updateWorkspaceName,
+} from "Support/utils/onboarding";
+import { dashboardText } from "Texts/dashboard";
+import {
+  verifyandModifyUserRole,
+  verifyandModifySizeOftheCompany,
+} from "Support/utils/selfHostSignUp";
+import { onboardingSelectors } from "Selectors/onboarding";
+import { logout } from "Support/utils/common";
+
+describe("User signup", () => {
+  const data = {};
+  let invitationLink = "";
+
+  it("Verify the signup flow and UI elements", () => {
+    data.fullName = fake.fullName;
+    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
+    data.workspaceName = fake.companyName;
+
+    cy.visit("/");
+    cy.wait(500)
+    cy.get(commonSelectors.createAnAccountLink).realClick();
+    SignUpPageElements();
+
+    cy.get(onboardingSelectors.nameInput).clear();
+    cy.get(onboardingSelectors.nameInput).type(data.fullName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+    cy.wait(500);
+    verifyConfirmEmailPage(data.email);
+
+    cy.task("updateId", {
+      dbconfig: Cypress.env("app_db"),
+      sql: `select invitation_token from users where email='${data.email}';`,
+    }).then((resp) => {
+      invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
+      cy.visit(invitationLink);
+    });
+
+    logout();
+  });
+
+  it("Verify invalid invitation link", () => {
+    cy.log(invitationLink);
+    cy.visit(invitationLink);
+    verifyInvalidInvitationLink();
+    cy.get(commonSelectors.pageLogo).click();
+    cy.get('[data-cy="sign-in-header"]').should("be.visible");
+  });
+
+  it("Verify onboarding flow", () => {
+    // rewrite for for EE and cloud
+    data.fullName = fake.fullName;
+    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
+    data.workspaceName = fake.companyName;
+
+    cy.visit("/");
+    cy.wait(8000);
+    cy.get(onboardingSelectors.createAnAccountLink).click();
+    cy.wait(6000);
+    cy.get(onboardingSelectors.nameInput).clear();
+    cy.get(onboardingSelectors.nameInput).type(data.fullName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+    cy.wait(8000);
+    cy.get(commonSelectors.resendEmailButton).click();
+    cy.task("updateId", {
+      dbconfig: Cypress.env("app_db"),
+      sql: `select invitation_token from users where email='${data.email}';`,
+    }).then((resp) => {
+      invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
+    });
+  });
+});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/manageUsers.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/UserInviteFlow.cy.js
similarity index 61%
rename from cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/manageUsers.cy.js
rename to cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/UserInviteFlow.cy.js
index 2824959d31..579fe146a6 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/manageUsers.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/UserInviteFlow.cy.js
@@ -11,6 +11,21 @@ import {
   inviteUserWithUserRole,
   fetchAndVisitInviteLink,
 } from "Support/utils/manageUsers";
+import {
+  addNewUser,
+  visitWorkspaceInvitation,
+  newInvite,
+} from "Support/utils/onboarding";
+import { commonText } from "Texts/common";
+import { setSignupStatus, enableSignUp } from "Support/utils/manageSSO";
+import { ssoSelector } from "Selectors/manageSSO";
+import {
+  SignUpPageElements,
+  verifyConfirmEmailPage,
+  signUpLink,
+  verifyOnboardingQuestions,
+} from "Support/utils/onboarding";
+
 import {
   navigateToManageUsers,
   logout,
@@ -20,20 +35,20 @@ import {
 import { updateWorkspaceName } from "Support/utils/userPermissions";
 import { groupsSelector } from "Selectors/manageGroups";
 import { groupsText } from "Texts/manageGroups";
-import { addNewUser, visitWorkspaceInvitation } from "Support/utils/onboarding";
-import { commonText } from "Texts/common";
+import { onboardingSelectors } from "Selectors/onboarding";
+
+let invitationToken,
+  organizationToken,
+  workspaceId,
+  userId,
+  url = "";
 
 const data = {};
 
-describe("Manage Users", () => {
+describe("user invite flow cases", () => {
   beforeEach(() => {
     cy.defaultWorkspaceLogin();
   });
-  let invitationToken,
-    organizationToken,
-    workspaceId,
-    userId,
-    url = "";
   it("Should verify the Manage users page", () => {
     data.firstName = fake.firstName;
     data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
@@ -45,8 +60,7 @@ describe("Manage Users", () => {
     cy.get(usersSelector.usersPageTitle).should("be.visible");
     cy.get(usersSelector.buttonAddUsers).click();
 
-    cy.get(usersSelector.buttonInviteUsers).should('be.disabled');
-
+    cy.get(usersSelector.buttonInviteUsers).should("be.disabled");
 
     cy.clearAndType(commonSelectors.inputFieldFullName, data.firstName);
     cy.clearAndType(commonSelectors.inputFieldEmailAddress, data.email);
@@ -55,7 +69,7 @@ describe("Manage Users", () => {
       "have.text",
       "Email is not valid"
     );
-    cy.get(usersSelector.buttonInviteUsers).should('be.disabled');
+    cy.get(usersSelector.buttonInviteUsers).should("be.disabled");
 
     cy.clearAndType(commonSelectors.inputFieldFullName, data.firstName);
     cy.clearAndType(
@@ -64,18 +78,25 @@ describe("Manage Users", () => {
     );
     cy.get(usersSelector.buttonInviteUsers).click();
 
-    cy.get('[data-cy="modal-icon"]').should('be.visible')
-    cy.get('[data-cy="modal-header"]').verifyVisibleElement("have.text", "Duplicate email");
-    cy.get(commonSelectors.modalMessage).verifyVisibleElement("have.text", "Duplicate email found. Please provide a unique email address.")
-    cy.get('[data-cy="close-button"]:eq(1)').should('be.visible').click();
-    cy.get(commonSelectors.inputFieldEmailAddress).should("have.value", usersText.adminUserEmail)
-
+    cy.get('[data-cy="modal-icon"]').should("be.visible");
+    cy.get('[data-cy="modal-header"]').verifyVisibleElement(
+      "have.text",
+      "Duplicate email"
+    );
+    cy.get(commonSelectors.modalMessage).verifyVisibleElement(
+      "have.text",
+      "Duplicate email found. Please provide a unique email address."
+    );
+    cy.get('[data-cy="close-button"]:eq(1)').should("be.visible").click();
+    cy.get(commonSelectors.inputFieldEmailAddress).should(
+      "have.value",
+      usersText.adminUserEmail
+    );
   });
 
   it("Should verify the confirm invite page and new user account", () => {
     data.firstName = fake.firstName;
     data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-    // cy.removeAssignedApps();
 
     navigateToManageUsers();
     fillUserInviteForm(data.firstName, data.email);
@@ -84,9 +105,9 @@ describe("Manage Users", () => {
     fetchAndVisitInviteLink(data.email);
     confirmInviteElements(data.email);
 
-    cy.clearAndType(commonSelectors.passwordInputField, "pass");
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, "pass");
     cy.get(commonSelectors.signUpButton).should("be.disabled");
-    cy.clearAndType(commonSelectors.passwordInputField, usersText.password);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, usersText.password);
     cy.get(commonSelectors.signUpButton).should("not.be.disabled");
     cy.get(commonSelectors.signUpButton).click();
 
@@ -98,14 +119,12 @@ describe("Manage Users", () => {
       "have.text",
       commonText.invitePageSubHeader
     );
-    cy.verifyLabel("Name");
     cy.get(commonSelectors.invitedUserName).verifyVisibleElement(
       "have.text",
       data.firstName
     );
-    cy.verifyLabel("Email");
-
-    cy.get(commonSelectors.invitedUserEmail).verifyVisibleElement(
+    cy.wait(3000);
+    cy.get(commonSelectors.invitedUseremail).verifyVisibleElement(
       "have.text",
       data.email
     );
@@ -155,14 +174,9 @@ describe("Manage Users", () => {
 
     logout();
     cy.visit("/");
-    cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, usersText.password);
-    cy.get(commonSelectors.loginButton).click();
-
-    updateWorkspaceName(data.email);
-    cy.get(commonSelectors.workspaceName).click();
-    cy.contains("My workspace").should("not.exist");
-    logout();
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, usersText.password);
+    cy.get(onboardingSelectors.signInButton).click();
 
     cy.defaultWorkspaceLogin();
     navigateToManageUsers();
@@ -177,9 +191,9 @@ describe("Manage Users", () => {
 
     visitWorkspaceInvitation(data.email, "My workspace");
 
-    cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, "password");
-    cy.get(commonSelectors.signInButton).click();
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+    cy.get(onboardingSelectors.signInButton).click();
     cy.get(usersSelector.acceptInvite).click();
     cy.verifyToastMessage(commonSelectors.toastMessage, usersText.inviteToast);
     logout();
@@ -199,7 +213,6 @@ describe("Manage Users", () => {
     data.groupName1 = fake.firstName.replaceAll("[^A-Za-z]", "");
     data.groupName2 = fake.firstName.replaceAll("[^A-Za-z]", "");
 
-
     const groupNames = ["All users", "Admin"];
 
     navigateToManageUsers();
@@ -213,10 +226,6 @@ describe("Manage Users", () => {
       }
     });
     cy.get('[data-cy="user-group-select"]>>>>>').eq(0).type("Test");
-    cy.get(".css-1wlit7h-NoOptionsMessage").verifyVisibleElement(
-      "have.text",
-      "No groups found"
-    );
     cy.get(commonSelectors.cancelButton).click();
 
     cy.get(usersSelector.buttonAddUsers).click();
@@ -225,7 +234,7 @@ describe("Manage Users", () => {
     cy.get(commonSelectors.cancelButton).click();
 
     cy.get(usersSelector.buttonAddUsers).click();
-    cy.get('.selected-value').should('have.text', "End-user")
+    cy.get(".selected-value").should("have.text", "End-user");
     cy.get(commonSelectors.cancelButton).click();
 
     inviteUserWithUserRole(data.firstName, data.email, "Admin");
@@ -257,7 +266,7 @@ describe("Manage Users", () => {
       data.groupName2
     );
     logout();
-
+    cy.wait(3000);
     cy.defaultWorkspaceLogin();
     navigateToManageGroups();
     cy.get(groupsSelector.groupLink(data.groupName1)).click();
@@ -337,12 +346,27 @@ describe("Manage Users", () => {
 
     cy.get(usersSelector.buttonInviteUsers).click();
 
-    cy.get('[data-cy="modal-title"] > .tj-text-md').verifyVisibleElement("have.text", "Edit user role")
-    cy.get('[data-cy="user-email"]').verifyVisibleElement("have.text", data.email);
-    cy.get('[data-cy="modal-body"]>').verifyVisibleElement("have.text", "Are you sure you want to continue?");
-    cy.get('.modal-footer > [data-cy="cancel-button"]').verifyVisibleElement("have.text", "Cancel");
-    cy.get('[data-cy="confim-button"]').verifyVisibleElement("have.text", "Continue");
-    cy.get('[data-cy="modal-close-button"]').should('be.visible').click();
+    cy.get('[data-cy="modal-title"] > .tj-text-md').verifyVisibleElement(
+      "have.text",
+      "Edit user role"
+    );
+    cy.get('[data-cy="user-email"]').verifyVisibleElement(
+      "have.text",
+      data.email
+    );
+    cy.get('[data-cy="modal-body"]>').verifyVisibleElement(
+      "have.text",
+      "Updating the user's details will change their role from end-user to admin. Are you sure you want to continue?"
+    );
+    cy.get('.modal-footer > [data-cy="cancel-button"]').verifyVisibleElement(
+      "have.text",
+      "Cancel"
+    );
+    cy.get('[data-cy="confim-button"]').verifyVisibleElement(
+      "have.text",
+      "Continue"
+    );
+    cy.get('[data-cy="modal-close-button"]').should("be.visible").click();
 
     cy.get(usersSelector.userActionButton).click();
     cy.get(usersSelector.editUserDetailsButton).click();
@@ -359,7 +383,7 @@ describe("Manage Users", () => {
     cy.get('[data-cy="group-check-input"]').eq(0).check();
 
     cy.get(usersSelector.buttonInviteUsers).click();
-    cy.get('.modal-footer > [data-cy="cancel-button"]').click()
+    cy.get('.modal-footer > [data-cy="cancel-button"]').click();
 
     cy.get(usersSelector.userActionButton).click();
     cy.get(usersSelector.editUserDetailsButton).click();
@@ -376,15 +400,37 @@ describe("Manage Users", () => {
     cy.get('[data-cy="group-check-input"]').eq(0).check();
 
     cy.get(usersSelector.buttonInviteUsers).click();
-    cy.get('[data-cy="confim-button"]').click()
+    cy.get('[data-cy="confim-button"]').click();
 
     cy.verifyToastMessage(
       commonSelectors.toastMessage,
       "User has been updated"
     );
-
     searchUser(data.email);
-    cy.get('[data-name="role-header"] [data-cy="group-chip"]').should("have.text", "Admin");
+    cy.get('[data-name="role-header"] [data-cy="group-chip"]').should(
+      "have.text",
+      "Admin"
+    );
+
+    cy.get(usersSelector.userActionButton).click();
+    cy.get(usersSelector.editUserDetailsButton).click();
+    cy.get('[data-cy="user-group-select"]>>>>>').eq(0).type("Builder");
+    cy.wait(1000);
+    cy.get('[data-cy="group-check-input"]').eq(0).check();
+
+    cy.get(usersSelector.buttonInviteUsers).click();
+    cy.get('[data-cy="confim-button"]').click();
+
+    cy.verifyToastMessage(
+      commonSelectors.toastMessage,
+      "User has been updated"
+    );
+    searchUser(data.email);
+    cy.get('[data-name="role-header"] [data-cy="group-chip"]').should(
+      "have.text",
+      "Builder"
+    );
+
   });
 
   it("Should verify exisiting user invite flow", () => {
@@ -404,10 +450,10 @@ describe("Manage Users", () => {
     cy.get(usersSelector.buttonInviteUsers).click();
     cy.wait(2000);
     visitWorkspaceInvitation(data.email, workspaceName);
-
-    cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-    cy.clearAndType(commonSelectors.passwordInputField, "password");
-    cy.get(commonSelectors.signInButton).click();
+    cy.wait(3000);
+    cy.clearAndType(onboardingSelectors.loginEmailInput, data.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+    cy.get(onboardingSelectors.signInButton).click();
     cy.get(usersSelector.acceptInvite).click();
     cy.verifyToastMessage(commonSelectors.toastMessage, usersText.inviteToast);
     logout();
@@ -421,4 +467,118 @@ describe("Manage Users", () => {
         cy.get("td small").should("have.text", usersText.activeStatus);
       });
   });
+
+  it("should verify the user signup after invited in a workspace", () => {
+    data.firstName = fake.firstName;
+    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
+    data.signUpName = fake.firstName;
+    data.workspaceName = fake.companyName;
+
+    setSignupStatus(true);
+    navigateToManageUsers();
+    fillUserInviteForm(data.firstName, data.email);
+    cy.get(usersSelector.buttonInviteUsers).click();
+    cy.logoutApi();
+
+    cy.visit("/");
+    cy.get(commonSelectors.createAnAccountLink).click();
+    SignUpPageElements();
+    cy.wait(3000);
+    cy.clearAndType(onboardingSelectors.nameInput, data.signUpName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+    cy.wait(1000);
+    signUpLink(data.email);
+    cy.wait(1000);
+    visitWorkspaceInvitation(data.email, "My workspace");
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, usersText.password);
+    cy.get(onboardingSelectors.signInButton).click();
+    cy.wait(3000);
+    cy.get(commonSelectors.invitedUserName).verifyVisibleElement(
+      "have.text",
+      data.signUpName
+    );
+    cy.get(commonSelectors.acceptInviteButton).click();
+  });
+
+  it("should verify the user signup with same creds after invited in a workspace", () => {
+    data.firstName = fake.firstName;
+    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
+    data.signUpName = fake.firstName;
+    data.workspaceName = fake.companyName;
+
+    setSignupStatus(true);
+    navigateToManageUsers();
+    fillUserInviteForm(data.firstName, data.email);
+    cy.get(usersSelector.buttonInviteUsers).click();
+    logout();
+
+    cy.get(commonSelectors.createAnAccountLink).click();
+    SignUpPageElements();
+    cy.wait(5000);
+
+    cy.clearAndType(onboardingSelectors.nameInput, data.signUpName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+    cy.verifyToastMessage(
+      commonSelectors.toastMessage,
+      "The user is already registered. Please check your inbox for the activation link"
+    );
+  });
+
+  it("should verify exisiting user workspace signup from instance using form", () => {
+    data.firstName = fake.firstName;
+    data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
+    data.signUpName = fake.firstName;
+    data.workspaceName = fake.firstName.toLowerCase();
+
+    setSignupStatus(true);
+    navigateToManageUsers();
+    addNewUser(data.firstName, data.email);
+    logout();
+    cy.wait(3000);
+    cy.get(commonSelectors.createAnAccountLink).click();
+    cy.wait(1000);
+    cy.clearAndType(onboardingSelectors.nameInput, data.firstName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+    cy.verifyToastMessage(
+      commonSelectors.toastMessage,
+      "User already exists in the workspace."
+    );
+    cy.apiLogin();
+    cy.apiCreateWorkspace(data.workspaceName, data.workspaceName);
+    cy.visit(`${data.workspaceName}`);
+    cy.wait(3000);
+    setSignupStatus(true, data.workspaceName);
+    logout();
+
+    cy.get(commonSelectors.createAnAccountLink).click();
+    cy.wait(3000);
+    cy.clearAndType(onboardingSelectors.nameInput, data.firstName);
+    cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+    cy.clearAndType(
+      onboardingSelectors.loginPasswordInput,
+      commonText.password
+    );
+    cy.get(commonSelectors.signUpButton).click();
+
+    cy.defaultWorkspaceLogin();
+    visitWorkspaceInvitation(data.email, data.workspaceName);
+    cy.verifyToastMessage(commonSelectors.toastMessage, usersText.inviteToast);
+    logout();
+  });
 });
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/bulkUserUpload.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/bulkUsersUpload.cy.js
similarity index 56%
rename from cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/bulkUserUpload.cy.js
rename to cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/bulkUsersUpload.cy.js
index 91ac5a7951..ada49dc6d6 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/bulkUserUpload.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/bulkUsersUpload.cy.js
@@ -1,7 +1,7 @@
 import { commonSelectors } from "Selectors/common";
 import { usersText } from "Texts/manageUsers";
 import { usersSelector } from "Selectors/manageUsers";
-import { bulkUserUpload } from "Support/utils/manageUsers";
+import { bulkUserUpload,bulkUserUploadDuplicate} from "Support/utils/manageUsers";
 import * as common from "Support/utils/common";
 import { path } from "Texts/common";
 import { groupsSelector } from "Selectors/manageGroups";
@@ -14,8 +14,6 @@ describe("Bulk user upload", () => {
   const without_email = "cypress/fixtures/bulkUser/without_email - Sheet1.csv";
   const without_group = "cypress/fixtures/bulkUser/without_group - Sheet1.csv";
   const same_email = "cypress/fixtures/bulkUser/same_email - Sheet1.csv";
-  const invalid_group_name =
-    "cypress/fixtures/bulkUser/invalid_group_name - Sheet1.csv";
   const empty_first_and_last_name =
     "cypress/fixtures/bulkUser/empty_first_and_last_name - Sheet1.csv";
   const limit_exceeded_list =
@@ -24,11 +22,10 @@ describe("Bulk user upload", () => {
     "cypress/fixtures/bulkUser/non_existing_group -Sheet1 .csv";
   const multiple_groups =
     "cypress/fixtures/bulkUser/multiple_groups - Sheet1.csv";
-  const without_firstName =
-    "cypress/fixtures/bulkUser/without_firstname - Sheet1.csv";
-  const without_lastName =
-    "cypress/fixtures/bulkUser/without_lastname - Sheet1.csv";
+  const without_Role =
+    "cypress/fixtures/bulkUser/without_Role - Sheet1.csv";
   const invite_users = "cypress/fixtures/bulkUser/invite_users - Sheet1 .csv";
+  const Validinvite = "cypress/fixtures/bulkUser/10usersupload.csv";
 
   it("Verfiy bulk user upload invalid files", () => {
     data.firstName = fake.firstName;
@@ -42,80 +39,57 @@ describe("Bulk user upload", () => {
 
     cy.get(usersSelector.buttonAddUsers).click();
     cy.get(usersSelector.buttonUploadCsvFile).click();
-
     bulkUserUpload(
       without_name,
       "without_name",
-      "Invalid row(s): [first_name, last_name] in [11] row(s). No users were uploaded."
+      "Missing first_name,last_name,groups information in 10 row(s);. No users were uploaded, please update and try again."
     );
+
     bulkUserUpload(
       without_email,
       "without_email",
-      "Invalid row(s): [email] in [11] row(s). No users were uploaded."
+      "Missing email,groups information in 10 row(s);. No users were uploaded, please update and try again."
     );
-    bulkUserUpload(
-      without_group,
-      "without_group",
-      "Invalid row(s): [groups] in [5] row(s). No users were uploaded."
-    );
-    bulkUserUpload(
+
+    bulkUserUploadDuplicate(
       same_email,
       "same_email",
       "Duplicate email found. Please provide a unique email address."
     );
-    bulkUserUpload(
-      invalid_group_name,
-      "invalid_group_name",
-      "11 groups doesn't exist. No users were uploaded"
-    );
+
     bulkUserUpload(
       empty_first_and_last_name,
       "empty_first_and_last_name",
-      "Invalid row(s): [first_name, last_name] in [1] row(s). No users were uploaded."
+      "Missing first_name,last_name,groups information in 1 row(s);. No users were uploaded, please update and try again."
     );
     bulkUserUpload(
       limit_exceeded_list,
       "500_invite_users",
       "You can only invite 250 users at a time"
     );
+
     bulkUserUpload(
       non_existing_group,
       "non_existing_group",
-      "1 group doesn't exist. No users were uploaded"
+      "2 groups doesn't exist. No users were uploaded"
     );
+
     bulkUserUpload(
-      multiple_groups,
-      "multiple_groups",
-      "Conflicting Group Memberships: User cannot be in both the Admin group and other groups simultaneously."
+      without_Role,
+      "without_Role",
+      "Missing user_role,groups information in 5 row(s);. No users were uploaded, please update and try again."
     );
 
-    cy.get(usersSelector.inputFieldBulkUpload).selectFile(without_firstName, {
-      force: true,
-    });
-    cy.get(usersSelector.uploadedFileData).should(
-      "contain",
-      "without_firstname"
-    );
-    cy.get(usersSelector.buttonUploadUsers).click();
-    cy.get(".go2072408551")
-      .should("be.visible")
-      .and("have.text", "5 users are being added");
+    //add more groups and verify
 
-    cy.wait(5000);
+    // bulkUserUpload(
+    //   multiple_groups,
+    //   "multiple_groups",
+    //   "Conflicting Group Memberships: User cannot be in both the Admin group and other groups simultaneously."
+    // );
+
+    //   );
 
-    cy.get(usersSelector.buttonAddUsers).click();
-    cy.get(usersSelector.buttonUploadCsvFile).click();
-    cy.get(usersSelector.inputFieldBulkUpload).selectFile(without_lastName, {
-      force: true,
-    });
-    cy.get(usersSelector.uploadedFileData).should(
-      "contain",
-      "without_lastname"
-    );
-    cy.get(usersSelector.buttonUploadUsers).click();
-    cy.get(".go2072408551")
-      .should("be.visible")
-      .and("have.text", "5 users are being added");
   });
 
   it("Verify bulk user upload functionality", () => {
@@ -130,22 +104,14 @@ describe("Bulk user upload", () => {
     cy.get(usersSelector.buttonAddUsers).click();
     cy.get(usersSelector.buttonUploadCsvFile).click();
 
-    cy.get(usersSelector.inputFieldBulkUpload).selectFile(invite_users, {
-      force: true,
-    });
-    cy.get(usersSelector.uploadedFileData).should("contain", "invite_users");
-    cy.get(commonSelectors.cancelButton).click();
-
-    cy.get(usersSelector.buttonAddUsers).click();
-    cy.get(usersSelector.buttonUploadCsvFile).click();
-    cy.get(usersSelector.inputFieldBulkUpload).selectFile(invite_users, {
+    cy.get(usersSelector.inputFieldBulkUpload).selectFile(Validinvite, {
       force: true,
     });
+    cy.get(commonSelectors.fileSelector).should("contain", " 10usersupload");
     cy.get(usersSelector.buttonUploadUsers).click();
-    cy.wait(30000);
     cy.get(".go2072408551")
       .should("be.visible")
-      .and("have.text", "250 users are being added");
+      .and("have.text", "10 users are being added");
     common.searchUser("test12@gmail.com");
     cy.contains("td", "test12@gmail.com")
       .parent()
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/resetPassword.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/resetPassword.cy.js
new file mode 100644
index 0000000000..d9d115ee38
--- /dev/null
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/userManagment/resetPassword.cy.js
@@ -0,0 +1,187 @@
+import { commonSelectors } from "Selectors/common";
+import { commonText } from "Texts/common";
+import { fake } from "Fixtures/fake";
+import { addNewUser } from "Support/utils/onboarding";
+import { logout } from "Support/utils/common";
+import { onboardingSelectors } from "Selectors/onboarding";
+
+
+describe("Password reset functionality", () => {
+    const data = {};
+    let passwordResetLink = "";
+  
+    it("Verify wrong password limit", () => {
+      data.firstName = fake.firstName;
+      data.email = fake.email.toLowerCase();
+  
+      cy.defaultWorkspaceLogin();
+      addNewUser(data.firstName, data.email);
+      logout();
+  
+      for (let i = 0; i < 5; i++) {
+        cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+        cy.clearAndType(onboardingSelectors.loginPasswordInput, "passw");
+        cy.get(onboardingSelectors.signInButton).click();
+        cy.verifyToastMessage(
+          commonSelectors.toastMessage,
+          "Invalid credentials"
+        );
+      }
+      cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+      cy.clearAndType(onboardingSelectors.loginPasswordInput, "passw");
+      cy.get(onboardingSelectors.signInButton).click();
+      cy.verifyToastMessage(
+        commonSelectors.toastMessage,
+        "Maximum password retry limit reached, please reset your password using forgot password option"
+      );
+    });
+
+    it("Verify forgot password page elements and functionality", () => {
+      cy.visit("/");
+      cy.get(commonSelectors.forgotPasswordLink).click();
+      cy.get(commonSelectors.pageLogo).should("be.visible");
+      cy.get(commonSelectors.forgotPasswordPageHeader).verifyVisibleElement(
+        "have.text",
+        commonText.forgotPasswordPageHeader
+      );
+      cy.get(commonSelectors.forgotPasswordPageSubHeader).verifyVisibleElement(
+        "have.text",
+        "New to ToolJet? Create an account"
+      );
+  
+      cy.get(commonSelectors.createAnAccountLink).verifyVisibleElement(
+        "have.text",
+        commonText.createAnAccountLink
+      );
+  
+      cy.get('[data-cy="email-input-field-label"]').verifyVisibleElement(
+        "have.text",
+        "Email address *"
+      );
+  
+      cy.get('[data-cy="email-input-field-input"]').should("be.visible");
+      cy.get(commonSelectors.resetPasswordLinkButton)
+        .verifyVisibleElement("have.text", commonText.resetPasswordLinkButton)
+        .and("be.disabled");
+      cy.wait(5000);
+      cy.clearAndType('[data-cy="email-input-field-input"]', data.email);
+      cy.get(commonSelectors.resetPasswordLinkButton).click();
+  
+      cy.verifyToastMessage(
+        commonSelectors.toastMessage,
+        commonText.passwordResetEmailToast
+      );
+      cy.get(commonSelectors.pageLogo).should("be.visible");
+  
+      cy.get('[data-cy="check-your-mail-header"]').verifyVisibleElement(
+        "have.text",
+        "Check your mail"
+      );
+  
+      cy.get(commonSelectors.onboardingPageDescription).verifyVisibleElement(
+        "have.text",
+        commonText.resetPasswordEmailDescription(data.email)
+      );
+      cy.get(commonSelectors.spamMessage).verifyVisibleElement(
+        "have.text",
+        commonText.spamMessage
+      );
+      cy.get(commonSelectors.onboardingSeperator).should("be.visible");
+      cy.get(commonSelectors.onboardingSeperatorText).verifyVisibleElement(
+        "have.text",
+        commonText.onboardingSeperatorText
+      );
+      cy.get(commonSelectors.backToLoginButton).verifyVisibleElement(
+        "have.text",
+        commonText.backToLoginButton
+      );
+  
+      cy.task("updateId", {
+        dbconfig: Cypress.env("app_db"),
+        sql: `select forgot_password_token from users where email='${data.email}';`,
+      }).then((resp) => {
+        passwordResetLink = `/reset-password/${resp.rows[0].forgot_password_token}`;
+      });
+    });
+
+    it("Verify reset password page and functionality", () => {
+      cy.visit(passwordResetLink);
+      cy.get(commonSelectors.pageLogo).should("be.visible");
+      cy.get(commonSelectors.passwordResetPageHeader).verifyVisibleElement(
+        "have.text",
+        commonText.passwordResetPageHeader
+      );
+      cy.get(commonSelectors.newPasswordInputLabel).verifyVisibleElement(
+        "have.text",
+        commonText.newPasswordInputLabel
+      );
+      cy.get(commonSelectors.newPasswordInputField).should("be.visible");
+      cy.get(commonSelectors.passwordHelperText)
+        .eq(0)
+        .verifyVisibleElement("have.text", commonText.passwordHelperText);
+      cy.get(commonSelectors.confirmPasswordInputFieldLabel).verifyVisibleElement(
+        "have.text",
+        commonText.confirmPasswordInputFieldLabel
+      );
+      cy.get(commonSelectors.confirmPasswordInputField).should("be.visible");
+      cy.get(commonSelectors.passwordHelperText).verifyVisibleElement(
+        "have.text",
+        commonText.passwordHelperText
+      );
+      cy.get(commonSelectors.resetPasswordButton)
+        .verifyVisibleElement("have.text", commonText.resetPasswordButton)
+        .and("be.disabled");
+  
+      cy.clearAndType(commonSelectors.newPasswordInputField, "Pass");
+      cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
+  
+      cy.get(commonSelectors.newPasswordInputField).clear();
+      cy.clearAndType(commonSelectors.confirmPasswordInputField, "Pass");
+      cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
+  
+      cy.clearAndType(commonSelectors.newPasswordInputField, "Pass");
+      cy.clearAndType(commonSelectors.confirmPasswordInputField, "Pass");
+      cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
+  
+      cy.clearAndType(commonSelectors.newPasswordInputField, "password1");
+      cy.clearAndType(commonSelectors.confirmPasswordInputField, "password");
+      cy.get(commonSelectors.resetPasswordButton).should("be.disabled");
+  
+      cy.clearAndType(commonSelectors.newPasswordInputField, "Password");
+      cy.clearAndType(commonSelectors.confirmPasswordInputField, "password");
+      cy.get('[data-cy="confirm-password-input-error"]').verifyVisibleElement(
+        "have.text",
+        "Passwords don't match"
+      );
+  
+      cy.clearAndType(commonSelectors.newPasswordInputField, "Password");
+      cy.clearAndType(commonSelectors.confirmPasswordInputField, "Password");
+      cy.get(commonSelectors.resetPasswordButton).should("be.enabled").click();
+      cy.verifyToastMessage(
+        commonSelectors.toastMessage,
+        commonText.passwordResetSuccessToast
+      );
+  
+      cy.get(commonSelectors.pageLogo).should("be.visible");
+      cy.get('[data-cy="password-has-been-reset-header"]').verifyVisibleElement(
+        "have.text",
+        commonText.passwordResetSuccessPageHeader
+      );
+      cy.get(commonSelectors.resetPasswordPageDescription).verifyVisibleElement(
+        "have.text",
+        commonText.resetPasswordPageDescription
+      );
+      cy.get(commonSelectors.backToLoginButton).verifyVisibleElement(
+        "have.text",
+        commonText.backToLoginButton
+      );
+    });
+    
+    it("Verify user login using new password", () => {
+      cy.visit("/");
+      cy.clearAndType(onboardingSelectors.signupEmailInput, data.email);
+      cy.clearAndType(onboardingSelectors.loginPasswordInput, "Password");
+      cy.get(onboardingSelectors.signInButton).click();
+      cy.get(commonSelectors.workspaceName).should("be.visible");
+    });
+  });
\ No newline at end of file
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/dashboard.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/dashboard.cy.js
index 5852d8d680..fe6b0c4878 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/dashboard.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/dashboard.cy.js
@@ -41,13 +41,18 @@ describe("dashboard", () => {
     cy.intercept("GET", "/api/apps?page=1&folder=&searchKey=", {
       fixture: "intercept/emptyDashboard.json",
     }).as("emptyDashboard");
-    cy.intercept("GET", "/api/folders?searchKey=", { folders: [] }).as(
-      "folders"
-    );
-    cy.intercept("GET", "api/metadata", {
-      installed_version: "2.9.2",
-      version_ignored: false,
+
+    cy.intercept("GET", "/api/folders?searchKey=", {
+      body: { folders: [] },
+    }).as("folders");
+
+    cy.intercept("GET", "/api/metadata", {
+      body: {
+        installed_version: "2.9.2",
+        version_ignored: false,
+      },
     }).as("version");
+
     cy.defaultWorkspaceLogin();
     cy.wait("@emptyDashboard");
     cy.wait("@folders");
@@ -59,7 +64,7 @@ describe("dashboard", () => {
       "My workspace"
     );
     cy.get(commonSelectors.workspaceName).click();
-    cy.get(commonSelectors.editRectangleIcon).should("be.visible");
+    // cy.get(commonSelectors.editRectangleIcon).should("be.visible");
     cy.get(commonSelectors.appCreateButton).verifyVisibleElement(
       "have.text",
       "Create an app"
@@ -173,10 +178,14 @@ describe("dashboard", () => {
   });
 
   it("Should verify app card elements and app card operations", () => {
+    const customLayout = {
+      desktop: { top: 100, left: 20 },
+      mobile: { width: 8, height: 50 },
+    };
     cy.apiLogin();
     cy.apiCreateApp(data.appName);
     cy.openApp();
-    cy.dragAndDropWidget("Table", 250, 250);
+    cy.addComponentToApp(data.appName, "text1", customLayout);
 
     cy.backToApps();
 
@@ -190,11 +199,8 @@ describe("dashboard", () => {
           data.appName
         );
         cy.get(commonSelectors.appCreationDetails).should("be.visible");
-        cy.get(commonSelectors.appCreationDetails)
-          .should("be.visible")
-          .and(($el) => {
-            expect($el.contents().last().text().trim()).to.eq("The Developer");
-          });
+
+        //Add the edited details
       });
 
     viewAppCardOptions(data.appName);
@@ -287,7 +293,7 @@ describe("dashboard", () => {
       .and("have.text", dashboardText.appClonedToast);
     cy.wait(3000);
     cy.renameApp(data.cloneAppName);
-    cy.dragAndDropWidget("button", 25, 25);
+    cy.addComponentToApp(data.cloneAppName, "button", 25, 25);
     cy.backToApps();
     cy.wait("@appLibrary");
     cy.wait(1000);
@@ -339,11 +345,16 @@ describe("dashboard", () => {
   });
 
   it("Should verify the app CRUD operation", () => {
+    const customLayout = {
+      desktop: { top: 100, left: 20 },
+      mobile: { width: 8, height: 50 },
+    };
+
     cy.skipWalkthrough();
     data.appName = `${fake.companyName}-App`;
     cy.defaultWorkspaceLogin();
     cy.createApp(data.appName);
-    cy.dragAndDropWidget("Button", 450, 450);
+    cy.addComponentToApp(data.appName, "text1", customLayout);
 
     cy.backToApps();
 
@@ -353,7 +364,8 @@ describe("dashboard", () => {
     );
 
     navigateToAppEditor(data.appName);
-    cy.get(commonSelectors.canvas).should("contain", "Button");
+    // cy.get(commonSelectors.canvas).should("contain", "text1");
+    cy.get(".text-widget-section > div").should("be.visible");
     cy.backToApps();
     cy.wait("@appLibrary");
 
@@ -366,10 +378,16 @@ describe("dashboard", () => {
   });
 
   it("Should verify the folder CRUD operation", () => {
+    const customLayout = {
+      desktop: { top: 100, left: 20 },
+      mobile: { width: 8, height: 50 },
+    };
+
     data.appName = `${fake.companyName}-App`;
     cy.defaultWorkspaceLogin();
     cy.createApp(data.appName);
-    cy.dragAndDropWidget("Button", 100, 100);
+
+    cy.addComponentToApp(data.appName, "text1", customLayout);
 
     cy.backToApps();
 
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/errorPage.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/errorPage.cy.js
index 0e8d3127c3..fe5cbe41f4 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/errorPage.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/errorPage.cy.js
@@ -36,13 +36,12 @@ describe("Redirection error pages", () => {
         cy.get(commonSelectors.backToHomeButton).click();
         cy.get(commonSelectors.pageSectionHeader).should("be.visible");
         cy.logoutApi();
-
-        cy.visit(`/applications/${data.lastName}`);
-        cy.get(commonSelectors.backToHomeButton).click();
-        cy.get(commonSelectors.workEmailLabel).should("be.visible");
+        cy.wait(3000);
 
         cy.apiLogin("test@tooljet.com", "password");
         cy.visit(`/applications/${data.lastName}`);
+        cy.get(commonSelectors.backToHomeButton).click();
+
     });
 
     it("Verify error message in case of restricted access", () => {
@@ -52,34 +51,30 @@ describe("Redirection error pages", () => {
         cy.openApp();
         cy.wait(1000);
         releaseApp();
-
         cy.get(commonWidgetSelector.shareAppButton).click();
-        cy.clearAndType(commonWidgetSelector.appNameSlugInput, data.slug);
         cy.wait(1000);
         cy.logoutApi();
-
         cy.apiLogin("test@tooljet.com", "password");
         cy.visit(`/applications/${data.slug}`);
-
         cy.get(commonSelectors.modalHeader).verifyVisibleElement(
             "have.text",
-            "Restricted access"
+            "Invalid link"
         );
         cy.get(commonSelectors.modalDescription).verifyVisibleElement(
             "have.text",
-            "You don’t have access to this app. Kindly contact admin to know more."
+            "The link you provided is invalid. Please check the link and try again."
         );
         cy.get(commonSelectors.backToHomeButton).verifyVisibleElement(
             "have.text",
             "Back to home page"
         );
-        cy.url().should("eq", "http://localhost:8082/error/restricted");
+        cy.url().should("eq", `${Cypress.config('baseUrl')}/error/invalid-link`);
 
         cy.get(commonSelectors.backToHomeButton).click();
         cy.get(commonSelectors.pageSectionHeader).should("be.visible");
     });
 
-    it.only("Verify error modal for app url of unreleased apps", () => {
+    it("Verify error modal for app url of unreleased apps", () => {
         data.appName = `${fake.companyName} App`;
         data.slug = data.appName.toLowerCase().replace(/\s+/g, "-");
 
@@ -90,7 +85,7 @@ describe("Redirection error pages", () => {
         cy.clearAndType(commonWidgetSelector.appSlugInput, data.slug);
         cy.wait(1000);
 
-        cy.visit(`http://localhost:8082/applications/${data.slug}`);
+        cy.visit(`${Cypress.config('baseUrl')}/applications/${data.slug}`);
         cy.get(commonSelectors.modalHeader).verifyVisibleElement(
             "have.text",
             "App URL Unavailable"
@@ -109,10 +104,7 @@ describe("Redirection error pages", () => {
             "Back to home page"
         );
 
-        cy.url().should(
-            "eq",
-            `http://localhost:8082/error/url-unavailable?appSlug=${data.slug}`
-        );
+        cy.url().should('contain', '/error/')
         cy.get(commonSelectors.backToHomeButton).click();
         cy.get(commonSelectors.pageSectionHeader).should("be.visible");
 
@@ -120,46 +112,28 @@ describe("Redirection error pages", () => {
         cy.apiLogin("test@tooljet.com", "password");
         cy.wait(500);
 
-        cy.visit(`http://localhost:8082/applications/${data.slug}`);
+        cy.visit(`${Cypress.config('baseUrl')}/applications/${data.slug}`);
         cy.get(commonSelectors.modalHeader).verifyVisibleElement(
             "have.text",
-            "Restricted access"
+            "App URL Unavailable"
         );
         cy.get(commonSelectors.modalDescription).verifyVisibleElement(
             "have.text",
-            "You don’t have access to this app. Kindly contact admin to know more."
+            "The app URL is currently unavailable because the app has not been released. Please either release it or contact admin for access."
         );
-        // cy.get('[data-cy="open-app-button"]').verifyVisibleElement("have.text", "Open app")
 
         cy.get(commonSelectors.backToHomeButton).verifyVisibleElement(
             "have.text",
             "Back to home page"
         );
-        cy.url().should("eq", "http://localhost:8082/error/restricted");
+        cy.url().should('contain', '/error/')
         cy.get(commonSelectors.backToHomeButton).click();
         cy.get(commonSelectors.pageSectionHeader).should("be.visible");
         logout();
-
-        cy.defaultWorkspaceLogin();
-        navigateToManageGroups();
-        cy.get(groupsSelector.appsLink).click();
-        cy.wait(1000);
-        cy.get(groupsSelector.appSearchBox).click();
-        cy.wait(1000);
-        cy.get(groupsSelector.searchBoxOptions).contains(data.appName).click();
-        cy.get(groupsSelector.selectAddButton).click();
-        cy.get("table").contains("td", data.appName);
-        cy.contains("td", data.appName)
-            .parent()
-            .within(() => {
-                cy.get("td input").eq(1).check();
-            });
-
-        cy.logoutApi();
         cy.apiLogin("test@tooljet.com", "password");
         cy.wait(500);
 
-        cy.visit(`http://localhost:8082/applications/${data.slug}`);
+        cy.visit(`${Cypress.config('baseUrl')}/applications/${data.slug}`);
         cy.get(commonSelectors.modalHeader).verifyVisibleElement(
             "have.text",
             "App URL Unavailable"
@@ -172,10 +146,18 @@ describe("Redirection error pages", () => {
             "have.text",
             "Back to home page"
         );
+<<<<<<< HEAD
         cy.url().should(
             "eq",
-            `http://localhost:8082/error/url-unavailable?appSlug=${data.slug}`
+<<<<<<< HEAD
+            `${Cypress.config('baseUrl')}/error/url-unavailable?appSlug=${data.slug}`
+=======
+            `http://localhost:8082/error/restricted`
+>>>>>>> main
         );
+=======
+        cy.url().should('contain', '/error/')
+>>>>>>> main
         cy.get(commonSelectors.backToHomeButton).click();
         cy.get(commonSelectors.pageSectionHeader).should("be.visible");
     });
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/inviteflow.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/inviteflow.cy.js
deleted file mode 100644
index 8b7c1d902b..0000000000
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/inviteflow.cy.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import { commonSelectors } from "Selectors/common";
-import { fake } from "Fixtures/fake";
-import { usersText } from "Texts/manageUsers";
-import { usersSelector } from "Selectors/manageUsers";
-import {
-    manageUsersElements,
-    fillUserInviteForm,
-    confirmInviteElements,
-    selectUserGroup,
-    inviteUserWithUserGroups,
-    fetchAndVisitInviteLink,
-} from "Support/utils/manageUsers";
-import {
-    navigateToManageUsers,
-    logout,
-    searchUser,
-    navigateToManageGroups,
-} from "Support/utils/common";
-import { updateWorkspaceName } from "Support/utils/userPermissions";
-import { groupsSelector } from "Selectors/manageGroups";
-import { groupsText } from "Texts/manageGroups";
-import { addNewUser, visitWorkspaceInvitation, newInvite } from "Support/utils/onboarding";
-import { commonText } from "Texts/common";
-import { setSignupStatus, enableSignUp } from "Support/utils/manageSSO";
-import { ssoSelector } from "Selectors/manageSSO";
-import {
-    SignUpPageElements,
-    verifyConfirmEmailPage,
-    signUpLink,
-    verifyOnboardingQuestions,
-} from "Support/utils/onboarding";
-
-const data = {};
-
-describe("user invite flow cases", () => {
-    beforeEach(() => {
-        cy.defaultWorkspaceLogin();
-    });
-    it("should verify the user signup after invited in a workspace", () => {
-        data.firstName = fake.firstName;
-        data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-        data.signUpName = fake.firstName;
-        data.workspaceName = fake.companyName;
-
-        setSignupStatus(true);
-        navigateToManageUsers();
-        fillUserInviteForm(data.firstName, data.email);
-        cy.get(usersSelector.buttonInviteUsers).click();
-        cy.logoutApi();
-
-        cy.visit("/");
-        cy.get(commonSelectors.createAnAccountLink).click();
-        SignUpPageElements();
-
-        cy.clearAndType(commonSelectors.nameInputField, data.signUpName);
-        cy.clearAndType(commonSelectors.emailInputField, data.email);
-        cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-        cy.get(commonSelectors.signUpButton).click();
-        signUpLink(data.email);
-        cy.get(commonSelectors.setUpToolJetButton).click();
-        verifyOnboardingQuestions(data.signUpName, data.workspaceName);
-        visitWorkspaceInvitation(data.email, "My workspace");
-        cy.clearAndType(commonSelectors.workEmailInputField, data.email);
-        cy.clearAndType(commonSelectors.passwordInputField, usersText.password);
-        cy.get(commonSelectors.loginButton).click();
-
-        cy.get(commonSelectors.invitedUserName).verifyVisibleElement(
-            "have.text",
-            data.signUpName
-        );
-        cy.get(commonSelectors.acceptInviteButton).click();
-    });
-
-    it("should verify the user signup after invited in a workspace", () => {
-        data.firstName = fake.firstName;
-        data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-        data.signUpName = fake.firstName;
-        data.workspaceName = fake.companyName;
-
-        setSignupStatus(true);
-        navigateToManageUsers();
-        fillUserInviteForm(data.firstName, data.email);
-        cy.get(usersSelector.buttonInviteUsers).click();
-        logout();
-
-        cy.get(ssoSelector.workspaceSubHeader).verifyVisibleElement(
-            "have.text",
-            "Sign in to your workspace - My workspace"
-        );
-        cy.get(commonSelectors.signInSubHeader).verifyVisibleElement(
-            "have.text",
-            "New to this workspace?Sign up"
-        );
-        cy.get(commonSelectors.createAnAccountLink).click();
-        SignUpPageElements();
-        cy.get(ssoSelector.workspaceSignUpHeader).verifyVisibleElement(
-            "have.text",
-            "Sign up to the workspace - My workspace"
-        );
-
-        cy.clearAndType(commonSelectors.nameInputField, data.signUpName);
-        cy.clearAndType(commonSelectors.emailInputField, data.email);
-        cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-        cy.get(commonSelectors.signUpButton).click();
-        cy.verifyToastMessage(
-            commonSelectors.toastMessage,
-            "The user is already registered. Please check your inbox for the activation link"
-        );
-    });
-
-    it("should verify exisiting user workspace signup", () => {
-        data.firstName = fake.firstName;
-        data.email = fake.email.toLowerCase().replaceAll("[^A-Za-z]", "");
-        data.signUpName = fake.firstName;
-        data.workspaceName = fake.firstName.toLowerCase();
-
-        setSignupStatus(true);
-        navigateToManageUsers();
-        addNewUser(data.firstName, data.email);
-        logout();
-
-        cy.get(commonSelectors.createAnAccountLink).click();
-        cy.clearAndType(commonSelectors.nameInputField, data.firstName);
-        cy.clearAndType(commonSelectors.emailInputField, data.email);
-        cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-        cy.get(commonSelectors.signUpButton).click();
-        cy.verifyToastMessage(
-            commonSelectors.toastMessage,
-            "User already exists in the workspace."
-        );
-        cy.apiLogin();
-        cy.apiCreateWorkspace(data.workspaceName, data.workspaceName);
-        cy.visit(`${data.workspaceName}`);
-        cy.wait(3000)
-        setSignupStatus(true, data.workspaceName);
-        logout();
-
-        cy.get(commonSelectors.createAnAccountLink).click();
-        cy.clearAndType(commonSelectors.nameInputField, data.firstName);
-        cy.clearAndType(commonSelectors.emailInputField, data.email);
-        cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-        cy.get(commonSelectors.signUpButton).click();
-
-        cy.defaultWorkspaceLogin();
-        visitWorkspaceInvitation(data.email, data.workspaceName);
-        cy.verifyToastMessage(commonSelectors.toastMessage, usersText.inviteToast);
-        logout();
-    });
-});
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/profile.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/profile.cy.js
index 2c2d5fbee7..638c89fc31 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/profile.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/profile.cy.js
@@ -5,6 +5,7 @@ import { profileText } from "Texts/profile";
 import { commonSelectors } from "Selectors/common";
 import { fake } from "Fixtures/fake";
 import { commonText } from "Texts/common";
+import { onboardingSelectors } from "Selectors/onboarding";
 
 describe("Profile Settings", () => {
   const randomFirstName = fake.firstName;
@@ -15,6 +16,7 @@ describe("Profile Settings", () => {
     common.navigateToProfile();
   });
 
+  // neeed to reset and seed bd after 1 run (as password changes will get 401 error )
   it("Should verify the elements on profile settings page and name reset functionality", () => {
     profile.profilePageElements();
 
@@ -183,20 +185,16 @@ describe("Profile Settings", () => {
     );
 
     common.logout();
-
-    cy.clearAndType(commonSelectors.workEmailInputField, commonText.email);
-    cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
-    cy.get(commonSelectors.loginButton).click();
+    cy.clearAndType(onboardingSelectors.loginEmailInput, commonText.email);
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, commonText.password);
+    cy.get(onboardingSelectors.signInButton).click();
     cy.verifyToastMessage(
       commonSelectors.toastMessage,
       profileText.loginErrorToast
     );
 
-    cy.clearAndType(
-      commonSelectors.passwordInputField,
-      profileText.newPassword
-    );
-    cy.get(commonSelectors.signInButton).click();
+    cy.clearAndType(onboardingSelectors.loginPasswordInput, profileText.newPassword);
+    cy.get(onboardingSelectors.signInButton).click();
     common.navigateToProfile();
 
     cy.clearAndType(
@@ -213,7 +211,7 @@ describe("Profile Settings", () => {
 
     common.logout();
 
-    cy.login(commonText.email, profileText.password);
+    cy.appUILogin(commonText.email, profileText.password);
     common.logout();
   });
 });
diff --git a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/workspace.cy.js b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/workspace.cy.js
index 75ca6f69ab..2bf691cfc3 100644
--- a/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/workspace.cy.js
+++ b/cypress-tests/cypress/e2e/happyPath/platform/commonTestcases/workspace/workspace.cy.js
@@ -52,7 +52,7 @@ describe("Workspace", () => {
         );
         cy.get(dashboardSelector.slugField).verifyVisibleElement(
             "have.text",
-            "http://localhost:8082/<workspace-slug>"
+            `${Cypress.config('baseUrl')}/<workspace-slug>`
         );
         cy.get(commonSelectors.cancelButton).verifyVisibleElement(
             "have.text",
@@ -120,7 +120,7 @@ describe("Workspace", () => {
         );
         cy.get(dashboardSelector.slugField).verifyVisibleElement(
             "have.text",
-            `http://localhost:8082/${data.workspaceSlug}`
+            `${Cypress.config('baseUrl')}/${data.workspaceSlug}`
         );
         cy.get(dashboardSelector.slugErrorLabel).verifyVisibleElement(
             "have.text",
@@ -171,7 +171,7 @@ describe("Workspace", () => {
             "have.text",
             data.workspaceName
         );
-        cy.url().should("eq", `http://localhost:8082/${data.workspaceSlug}`);
+        cy.url().should("eq", `${Cypress.config('baseUrl')}/${data.workspaceSlug}`);
 
         cy.get(commonSelectors.workspaceName).click();
         cy.get(commonSelectors.editRectangleIcon).click();
@@ -211,7 +211,7 @@ describe("Workspace", () => {
         );
         cy.get(dashboardSelector.slugField).verifyVisibleElement(
             "have.text",
-            `http://localhost:8082/${data.workspaceSlug}`
+            `${Cypress.config('baseUrl')}/${data.workspaceSlug}`
         );
         cy.get(commonSelectors.cancelButton).verifyVisibleElement(
             "have.text",
@@ -299,6 +299,6 @@ describe("Workspace", () => {
             "have.text",
             data.workspaceName
         );
-        cy.url().should("eq", `http://localhost:8082/${data.workspaceSlug}`);
+        cy.url().should("eq", `${Cypress.config('baseUrl')}/${data.workspaceSlug}`);
     });
 });
diff --git a/cypress-tests/cypress/fixtures/bulkUser/10usersupload.csv b/cypress-tests/cypress/fixtures/bulkUser/10usersupload.csv
new file mode 100644
index 0000000000..a1ef49cb8e
--- /dev/null
+++ b/cypress-tests/cypress/fixtures/bulkUser/10usersupload.csv
@@ -0,0 +1,11 @@
+First Name,Last Name,Email,User Role,Group
+test1,user,test1@gmail.com,Builder,
+test2,user,test3@gmail.com,End User,
+Test3,Example,test12@gmail.com,Admin,
+Test4,Example,test23@gmail.com,End User,
+Test5,Example,test24@gmail.com,End User,
+Test6,Example,test25@gmail.com,End User,
+Test7,Example,test26@gmail.com,Admin,
+Test8,Example,test27@gmail.com,Builder,
+Test9,Example,test28@gmail.com,Builder,
+Test10,Example,test29@gmail.com,End User,
diff --git a/cypress-tests/cypress/fixtures/bulkUser/500_invite_users - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/500_invite_users - Sheet1.csv
index 598a166256..23e3f2e728 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/500_invite_users - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/500_invite_users - Sheet1.csv	
@@ -1,499 +1,252 @@
-First Name,Last Name,Email,Groups
-Vijay,Yadav,vjyaav12@gmail.com,All Users|Admin
-Vijay,Yadav,vjyaav13@gmail.com,All Users
-Vijay,Yadav,vjyaav14@gmail.com,All Users
-Vijay,Yadav,vjyaav15@gmail.com,All Users
-Vijay,Yadav,vjyaav16@gmail.com,All Users
-Vijay,Yadav,vjyaav17@gmail.com,All Users
-Vijay,Yadav,vjyaav18@gmail.com,All Users
-Vijay,Yadav,vjyaav19@gmail.com,All Users
-Vijay,Yadav,vjyaav20@gmail.com,All Users
-Vijay,Yadav,vjyaav21@gmail.com,All Users
-Vijay,Yadav,vjyaav22@gmail.com,All Users
-Vijay,Yadav,vjyaav23@gmail.com,All Users
-Vijay,Yadav,vjyaav24@gmail.com,All Users
-Vijay,Yadav,vjyaav25@gmail.com,All Users
-Vijay,Yadav,vjyaav26@gmail.com,All Users
-Vijay,Yadav,vjyaav27@gmail.com,All Users
-Vijay,Yadav,vjyaav28@gmail.com,All Users
-Vijay,Yadav,vjyaav29@gmail.com,All Users
-Vijay,Yadav,vjyaav30@gmail.com,All Users
-Vijay,Yadav,vjyaav31@gmail.com,All Users
-Vijay,Yadav,vjyaav32@gmail.com,All Users
-Vijay,Yadav,vjyaav33@gmail.com,All Users
-Vijay,Yadav,vjyaav34@gmail.com,All Users
-Vijay,Yadav,vjyaav35@gmail.com,All Users
-Vijay,Yadav,vjyaav36@gmail.com,All Users
-Vijay,Yadav,vjyaav37@gmail.com,All Users
-Vijay,Yadav,vjyaav38@gmail.com,All Users
-Vijay,Yadav,vjyaav39@gmail.com,All Users
-Vijay,Yadav,vjyaav40@gmail.com,All Users
-Vijay,Yadav,vjyaav41@gmail.com,All Users
-Vijay,Yadav,vjyaav42@gmail.com,All Users
-Vijay,Yadav,vjyaav43@gmail.com,All Users
-Vijay,Yadav,vjyaav44@gmail.com,All Users
-Vijay,Yadav,vjyaav45@gmail.com,All Users
-Vijay,Yadav,vjyaav46@gmail.com,All Users
-Vijay,Yadav,vjyaav47@gmail.com,All Users
-Vijay,Yadav,vjyaav48@gmail.com,All Users
-Vijay,Yadav,vjyaav49@gmail.com,All Users
-Vijay,Yadav,vjyaav50@gmail.com,All Users
-Vijay,Yadav,vjyaav51@gmail.com,All Users
-Vijay,Yadav,vjyaav52@gmail.com,All Users
-Vijay,Yadav,vjyaav53@gmail.com,All Users
-Vijay,Yadav,vjyaav54@gmail.com,All Users
-Vijay,Yadav,vjyaav55@gmail.com,All Users
-Vijay,Yadav,vjyaav56@gmail.com,All Users
-Vijay,Yadav,vjyaav57@gmail.com,All Users
-Vijay,Yadav,vjyaav58@gmail.com,All Users
-Vijay,Yadav,vjyaav59@gmail.com,All Users
-Vijay,Yadav,vjyaav60@gmail.com,All Users
-Vijay,Yadav,vjyaav61@gmail.com,All Users
-Vijay,Yadav,vjyaav62@gmail.com,All Users
-Vijay,Yadav,vjyaav63@gmail.com,All Users
-Vijay,Yadav,vjyaav64@gmail.com,All Users
-Vijay,Yadav,vjyaav65@gmail.com,All Users
-Vijay,Yadav,vjyaav66@gmail.com,All Users
-Vijay,Yadav,vjyaav67@gmail.com,All Users
-Vijay,Yadav,vjyaav68@gmail.com,All Users
-Vijay,Yadav,vjyaav69@gmail.com,All Users
-Vijay,Yadav,vjyaav70@gmail.com,All Users
-Vijay,Yadav,vjyaav71@gmail.com,All Users
-Vijay,Yadav,vjyaav72@gmail.com,All Users
-Vijay,Yadav,vjyaav73@gmail.com,All Users
-Vijay,Yadav,vjyaav74@gmail.com,All Users
-Vijay,Yadav,vjyaav75@gmail.com,All Users
-Vijay,Yadav,vjyaav76@gmail.com,All Users
-Vijay,Yadav,vjyaav77@gmail.com,All Users
-Vijay,Yadav,vjyaav78@gmail.com,All Users
-Vijay,Yadav,vjyaav79@gmail.com,All Users
-Vijay,Yadav,vjyaav80@gmail.com,All Users
-Vijay,Yadav,vjyaav81@gmail.com,All Users
-Vijay,Yadav,vjyaav82@gmail.com,All Users
-Vijay,Yadav,vjyaav83@gmail.com,All Users
-Vijay,Yadav,vjyaav84@gmail.com,All Users
-Vijay,Yadav,vjyaav85@gmail.com,All Users
-Vijay,Yadav,vjyaav86@gmail.com,All Users
-Vijay,Yadav,vjyaav87@gmail.com,All Users
-Vijay,Yadav,vjyaav88@gmail.com,All Users
-Vijay,Yadav,vjyaav89@gmail.com,All Users
-Vijay,Yadav,vjyaav90@gmail.com,All Users
-Vijay,Yadav,vjyaav91@gmail.com,All Users
-Vijay,Yadav,vjyaav92@gmail.com,All Users
-Vijay,Yadav,vjyaav93@gmail.com,All Users
-Vijay,Yadav,vjyaav94@gmail.com,All Users
-Vijay,Yadav,vjyaav95@gmail.com,All Users
-Vijay,Yadav,vjyaav96@gmail.com,All Users
-Vijay,Yadav,vjyaav97@gmail.com,All Users
-Vijay,Yadav,vjyaav98@gmail.com,All Users
-Vijay,Yadav,vjyaav99@gmail.com,All Users
-Vijay,Yadav,vjyaav100@gmail.com,All Users
-Vijay,Yadav,vjyaav101@gmail.com,All Users
-Vijay,Yadav,vjyaav102@gmail.com,All Users
-Vijay,Yadav,vjyaav103@gmail.com,All Users
-Vijay,Yadav,vjyaav104@gmail.com,All Users
-Vijay,Yadav,vjyaav105@gmail.com,All Users
-Vijay,Yadav,vjyaav106@gmail.com,All Users
-Vijay,Yadav,vjyaav107@gmail.com,All Users
-Vijay,Yadav,vjyaav108@gmail.com,All Users
-Vijay,Yadav,vjyaav109@gmail.com,All Users
-Vijay,Yadav,vjyaav110@gmail.com,All Users
-Vijay,Yadav,vjyaav111@gmail.com,All Users
-Vijay,Yadav,vjyaav112@gmail.com,All Users
-Vijay,Yadav,vjyaav113@gmail.com,All Users
-Vijay,Yadav,vjyaav114@gmail.com,All Users
-Vijay,Yadav,vjyaav115@gmail.com,All Users
-Vijay,Yadav,vjyaav116@gmail.com,All Users
-Vijay,Yadav,vjyaav117@gmail.com,All Users
-Vijay,Yadav,vjyaav118@gmail.com,All Users
-Vijay,Yadav,vjyaav119@gmail.com,All Users
-Vijay,Yadav,vjyaav120@gmail.com,All Users
-Vijay,Yadav,vjyaav121@gmail.com,All Users
-Vijay,Yadav,vjyaav122@gmail.com,All Users
-Vijay,Yadav,vjyaav123@gmail.com,All Users
-Vijay,Yadav,vjyaav124@gmail.com,All Users
-Vijay,Yadav,vjyaav125@gmail.com,All Users
-Vijay,Yadav,vjyaav126@gmail.com,All Users
-Vijay,Yadav,vjyaav127@gmail.com,All Users
-Vijay,Yadav,vjyaav128@gmail.com,All Users
-Vijay,Yadav,vjyaav129@gmail.com,All Users
-Vijay,Yadav,vjyaav130@gmail.com,All Users
-Vijay,Yadav,vjyaav131@gmail.com,All Users
-Vijay,Yadav,vjyaav132@gmail.com,All Users
-Vijay,Yadav,vjyaav133@gmail.com,All Users
-Vijay,Yadav,vjyaav134@gmail.com,All Users
-Vijay,Yadav,vjyaav135@gmail.com,All Users
-Vijay,Yadav,vjyaav136@gmail.com,All Users
-Vijay,Yadav,vjyaav137@gmail.com,All Users
-Vijay,Yadav,vjyaav138@gmail.com,All Users
-Vijay,Yadav,vjyaav139@gmail.com,All Users
-Vijay,Yadav,vjyaav140@gmail.com,All Users
-Vijay,Yadav,vjyaav141@gmail.com,All Users
-Vijay,Yadav,vjyaav142@gmail.com,All Users
-Vijay,Yadav,vjyaav143@gmail.com,All Users
-Vijay,Yadav,vjyaav144@gmail.com,All Users
-Vijay,Yadav,vjyaav145@gmail.com,All Users
-Vijay,Yadav,vjyaav146@gmail.com,All Users
-Vijay,Yadav,vjyaav147@gmail.com,All Users
-Vijay,Yadav,vjyaav148@gmail.com,All Users
-Vijay,Yadav,vjyaav149@gmail.com,All Users
-Vijay,Yadav,vjyaav150@gmail.com,All Users
-Vijay,Yadav,vjyaav151@gmail.com,All Users
-Vijay,Yadav,vjyaav152@gmail.com,All Users
-Vijay,Yadav,vjyaav153@gmail.com,All Users
-Vijay,Yadav,vjyaav154@gmail.com,All Users
-Vijay,Yadav,vjyaav155@gmail.com,All Users
-Vijay,Yadav,vjyaav156@gmail.com,All Users
-Vijay,Yadav,vjyaav157@gmail.com,All Users
-Vijay,Yadav,vjyaav158@gmail.com,All Users
-Vijay,Yadav,vjyaav159@gmail.com,All Users
-Vijay,Yadav,vjyaav160@gmail.com,All Users
-Vijay,Yadav,vjyaav161@gmail.com,All Users
-Vijay,Yadav,vjyaav162@gmail.com,All Users
-Vijay,Yadav,vjyaav163@gmail.com,All Users
-Vijay,Yadav,vjyaav164@gmail.com,All Users
-Vijay,Yadav,vjyaav165@gmail.com,All Users
-Vijay,Yadav,vjyaav166@gmail.com,All Users
-Vijay,Yadav,vjyaav167@gmail.com,All Users
-Vijay,Yadav,vjyaav168@gmail.com,All Users
-Vijay,Yadav,vjyaav169@gmail.com,All Users
-Vijay,Yadav,vjyaav170@gmail.com,All Users
-Vijay,Yadav,vjyaav171@gmail.com,All Users
-Vijay,Yadav,vjyaav172@gmail.com,All Users
-Vijay,Yadav,vjyaav173@gmail.com,All Users
-Vijay,Yadav,vjyaav174@gmail.com,All Users
-Vijay,Yadav,vjyaav175@gmail.com,All Users
-Vijay,Yadav,vjyaav176@gmail.com,All Users
-Vijay,Yadav,vjyaav177@gmail.com,All Users
-Vijay,Yadav,vjyaav178@gmail.com,All Users
-Vijay,Yadav,vjyaav179@gmail.com,All Users
-Vijay,Yadav,vjyaav180@gmail.com,All Users
-Vijay,Yadav,vjyaav181@gmail.com,All Users
-Vijay,Yadav,vjyaav182@gmail.com,All Users
-Vijay,Yadav,vjyaav183@gmail.com,All Users
-Vijay,Yadav,vjyaav184@gmail.com,All Users
-Vijay,Yadav,vjyaav185@gmail.com,All Users
-Vijay,Yadav,vjyaav186@gmail.com,All Users
-Vijay,Yadav,vjyaav187@gmail.com,All Users
-Vijay,Yadav,vjyaav188@gmail.com,All Users
-Vijay,Yadav,vjyaav189@gmail.com,All Users
-Vijay,Yadav,vjyaav190@gmail.com,All Users
-Vijay,Yadav,vjyaav191@gmail.com,All Users
-Vijay,Yadav,vjyaav192@gmail.com,All Users
-Vijay,Yadav,vjyaav193@gmail.com,All Users
-Vijay,Yadav,vjyaav194@gmail.com,All Users
-Vijay,Yadav,vjyaav195@gmail.com,All Users
-Vijay,Yadav,vjyaav196@gmail.com,All Users
-Vijay,Yadav,vjyaav197@gmail.com,All Users
-Vijay,Yadav,vjyaav198@gmail.com,All Users
-Vijay,Yadav,vjyaav199@gmail.com,All Users
-Vijay,Yadav,vjyaav200@gmail.com,All Users
-Vijay,Yadav,vjyaav201@gmail.com,All Users
-Vijay,Yadav,vjyaav202@gmail.com,All Users
-Vijay,Yadav,vjyaav203@gmail.com,All Users
-Vijay,Yadav,vjyaav204@gmail.com,All Users
-Vijay,Yadav,vjyaav205@gmail.com,All Users
-Vijay,Yadav,vjyaav206@gmail.com,All Users
-Vijay,Yadav,vjyaav207@gmail.com,All Users
-Vijay,Yadav,vjyaav208@gmail.com,All Users
-Vijay,Yadav,vjyaav209@gmail.com,All Users
-Vijay,Yadav,vjyaav210@gmail.com,All Users
-Vijay,Yadav,vjyaav211@gmail.com,All Users
-Vijay,Yadav,vjyaav212@gmail.com,All Users
-Vijay,Yadav,vjyaav213@gmail.com,All Users
-Vijay,Yadav,vjyaav214@gmail.com,All Users
-Vijay,Yadav,vjyaav215@gmail.com,All Users
-Vijay,Yadav,vjyaav216@gmail.com,All Users
-Vijay,Yadav,vjyaav217@gmail.com,All Users
-Vijay,Yadav,vjyaav218@gmail.com,All Users
-Vijay,Yadav,vjyaav219@gmail.com,All Users
-Vijay,Yadav,vjyaav220@gmail.com,All Users
-Vijay,Yadav,vjyaav221@gmail.com,All Users
-Vijay,Yadav,vjyaav222@gmail.com,All Users
-Vijay,Yadav,vjyaav223@gmail.com,All Users
-Vijay,Yadav,vjyaav224@gmail.com,All Users
-Vijay,Yadav,vjyaav225@gmail.com,All Users
-Vijay,Yadav,vjyaav226@gmail.com,All Users
-Vijay,Yadav,vjyaav227@gmail.com,All Users
-Vijay,Yadav,vjyaav228@gmail.com,All Users
-Vijay,Yadav,vjyaav229@gmail.com,All Users
-Vijay,Yadav,vjyaav230@gmail.com,All Users
-Vijay,Yadav,vjyaav231@gmail.com,All Users
-Vijay,Yadav,vjyaav232@gmail.com,All Users
-Vijay,Yadav,vjyaav233@gmail.com,All Users
-Vijay,Yadav,vjyaav234@gmail.com,All Users
-Vijay,Yadav,vjyaav235@gmail.com,All Users
-Vijay,Yadav,vjyaav236@gmail.com,All Users
-Vijay,Yadav,vjyaav237@gmail.com,All Users
-Vijay,Yadav,vjyaav238@gmail.com,All Users
-Vijay,Yadav,vjyaav239@gmail.com,All Users
-Vijay,Yadav,vjyaav240@gmail.com,All Users
-Vijay,Yadav,vjyaav241@gmail.com,All Users
-Vijay,Yadav,vjyaav242@gmail.com,All Users
-Vijay,Yadav,vjyaav243@gmail.com,All Users
-Vijay,Yadav,vjyaav244@gmail.com,All Users
-Vijay,Yadav,vjyaav245@gmail.com,All Users
-Vijay,Yadav,vjyaav246@gmail.com,All Users
-Vijay,Yadav,vjyaav247@gmail.com,All Users
-Vijay,Yadav,vjyaav248@gmail.com,All Users
-Vijay,Yadav,vjyaav249@gmail.com,All Users
-Vijay,Yadav,vjyaav250@gmail.com,All Users
-Vijay,Yadav,vjyaav251@gmail.com,All Users
-Vijay,Yadav,vjyaav252@gmail.com,All Users
-Vijay,Yadav,vjyaav253@gmail.com,All Users
-Vijay,Yadav,vjyaav254@gmail.com,All Users
-Vijay,Yadav,vjyaav255@gmail.com,All Users
-Vijay,Yadav,vjyaav256@gmail.com,All Users
-Vijay,Yadav,vjyaav257@gmail.com,All Users
-Vijay,Yadav,vjyaav258@gmail.com,All Users
-Vijay,Yadav,vjyaav259@gmail.com,All Users
-Vijay,Yadav,vjyaav260@gmail.com,All Users
-Vijay,Yadav,vjyaav261@gmail.com,All Users
-Vijay,Yadav,vjyaav262@gmail.com,All Users
-Vijay,Yadav,vjyaav263@gmail.com,All Users
-Vijay,Yadav,vjyaav264@gmail.com,All Users
-Vijay,Yadav,vjyaav265@gmail.com,All Users
-Vijay,Yadav,vjyaav266@gmail.com,All Users
-Vijay,Yadav,vjyaav267@gmail.com,All Users
-Vijay,Yadav,vjyaav268@gmail.com,All Users
-Vijay,Yadav,vjyaav269@gmail.com,All Users
-Vijay,Yadav,vjyaav270@gmail.com,All Users
-Vijay,Yadav,vjyaav271@gmail.com,All Users
-Vijay,Yadav,vjyaav272@gmail.com,All Users
-Vijay,Yadav,vjyaav273@gmail.com,All Users
-Vijay,Yadav,vjyaav274@gmail.com,All Users
-Vijay,Yadav,vjyaav275@gmail.com,All Users
-Vijay,Yadav,vjyaav276@gmail.com,All Users
-Vijay,Yadav,vjyaav277@gmail.com,All Users
-Vijay,Yadav,vjyaav278@gmail.com,All Users
-Vijay,Yadav,vjyaav279@gmail.com,All Users
-Vijay,Yadav,vjyaav280@gmail.com,All Users
-Vijay,Yadav,vjyaav281@gmail.com,All Users
-Vijay,Yadav,vjyaav282@gmail.com,All Users
-Vijay,Yadav,vjyaav283@gmail.com,All Users
-Vijay,Yadav,vjyaav284@gmail.com,All Users
-Vijay,Yadav,vjyaav285@gmail.com,All Users
-Vijay,Yadav,vjyaav286@gmail.com,All Users
-Vijay,Yadav,vjyaav287@gmail.com,All Users
-Vijay,Yadav,vjyaav288@gmail.com,All Users
-Vijay,Yadav,vjyaav289@gmail.com,All Users
-Vijay,Yadav,vjyaav290@gmail.com,All Users
-Vijay,Yadav,vjyaav291@gmail.com,All Users
-Vijay,Yadav,vjyaav292@gmail.com,All Users
-Vijay,Yadav,vjyaav293@gmail.com,All Users
-Vijay,Yadav,vjyaav294@gmail.com,All Users
-Vijay,Yadav,vjyaav295@gmail.com,All Users
-Vijay,Yadav,vjyaav296@gmail.com,All Users
-Vijay,Yadav,vjyaav297@gmail.com,All Users
-Vijay,Yadav,vjyaav298@gmail.com,All Users
-Vijay,Yadav,vjyaav299@gmail.com,All Users
-Vijay,Yadav,vjyaav300@gmail.com,All Users
-Vijay,Yadav,vjyaav301@gmail.com,All Users
-Vijay,Yadav,vjyaav302@gmail.com,All Users
-Vijay,Yadav,vjyaav303@gmail.com,All Users
-Vijay,Yadav,vjyaav304@gmail.com,All Users
-Vijay,Yadav,vjyaav305@gmail.com,All Users
-Vijay,Yadav,vjyaav306@gmail.com,All Users
-Vijay,Yadav,vjyaav307@gmail.com,All Users
-Vijay,Yadav,vjyaav308@gmail.com,All Users
-Vijay,Yadav,vjyaav309@gmail.com,All Users
-Vijay,Yadav,vjyaav310@gmail.com,All Users
-Vijay,Yadav,vjyaav311@gmail.com,All Users
-Vijay,Yadav,vjyaav312@gmail.com,All Users
-Vijay,Yadav,vjyaav313@gmail.com,All Users
-Vijay,Yadav,vjyaav314@gmail.com,All Users
-Vijay,Yadav,vjyaav315@gmail.com,All Users
-Vijay,Yadav,vjyaav316@gmail.com,All Users
-Vijay,Yadav,vjyaav317@gmail.com,All Users
-Vijay,Yadav,vjyaav318@gmail.com,All Users
-Vijay,Yadav,vjyaav319@gmail.com,All Users
-Vijay,Yadav,vjyaav320@gmail.com,All Users
-Vijay,Yadav,vjyaav321@gmail.com,All Users
-Vijay,Yadav,vjyaav322@gmail.com,All Users
-Vijay,Yadav,vjyaav323@gmail.com,All Users
-Vijay,Yadav,vjyaav324@gmail.com,All Users
-Vijay,Yadav,vjyaav325@gmail.com,All Users
-Vijay,Yadav,vjyaav326@gmail.com,All Users
-Vijay,Yadav,vjyaav327@gmail.com,All Users
-Vijay,Yadav,vjyaav328@gmail.com,All Users
-Vijay,Yadav,vjyaav329@gmail.com,All Users
-Vijay,Yadav,vjyaav330@gmail.com,All Users
-Vijay,Yadav,vjyaav331@gmail.com,All Users
-Vijay,Yadav,vjyaav332@gmail.com,All Users
-Vijay,Yadav,vjyaav333@gmail.com,All Users
-Vijay,Yadav,vjyaav334@gmail.com,All Users
-Vijay,Yadav,vjyaav335@gmail.com,All Users
-Vijay,Yadav,vjyaav336@gmail.com,All Users
-Vijay,Yadav,vjyaav337@gmail.com,All Users
-Vijay,Yadav,vjyaav338@gmail.com,All Users
-Vijay,Yadav,vjyaav339@gmail.com,All Users
-Vijay,Yadav,vjyaav340@gmail.com,All Users
-Vijay,Yadav,vjyaav341@gmail.com,All Users
-Vijay,Yadav,vjyaav342@gmail.com,All Users
-Vijay,Yadav,vjyaav343@gmail.com,All Users
-Vijay,Yadav,vjyaav344@gmail.com,All Users
-Vijay,Yadav,vjyaav345@gmail.com,All Users
-Vijay,Yadav,vjyaav346@gmail.com,All Users
-Vijay,Yadav,vjyaav347@gmail.com,All Users
-Vijay,Yadav,vjyaav348@gmail.com,All Users
-Vijay,Yadav,vjyaav349@gmail.com,All Users
-Vijay,Yadav,vjyaav350@gmail.com,All Users
-Vijay,Yadav,vjyaav351@gmail.com,All Users
-Vijay,Yadav,vjyaav352@gmail.com,All Users
-Vijay,Yadav,vjyaav353@gmail.com,All Users
-Vijay,Yadav,vjyaav354@gmail.com,All Users
-Vijay,Yadav,vjyaav355@gmail.com,All Users
-Vijay,Yadav,vjyaav356@gmail.com,All Users
-Vijay,Yadav,vjyaav357@gmail.com,All Users
-Vijay,Yadav,vjyaav358@gmail.com,All Users
-Vijay,Yadav,vjyaav359@gmail.com,All Users
-Vijay,Yadav,vjyaav360@gmail.com,All Users
-Vijay,Yadav,vjyaav361@gmail.com,All Users
-Vijay,Yadav,vjyaav362@gmail.com,All Users
-Vijay,Yadav,vjyaav363@gmail.com,All Users
-Vijay,Yadav,vjyaav364@gmail.com,All Users
-Vijay,Yadav,vjyaav365@gmail.com,All Users
-Vijay,Yadav,vjyaav366@gmail.com,All Users
-Vijay,Yadav,vjyaav367@gmail.com,All Users
-Vijay,Yadav,vjyaav368@gmail.com,All Users
-Vijay,Yadav,vjyaav369@gmail.com,All Users
-Vijay,Yadav,vjyaav370@gmail.com,All Users
-Vijay,Yadav,vjyaav371@gmail.com,All Users
-Vijay,Yadav,vjyaav372@gmail.com,All Users
-Vijay,Yadav,vjyaav373@gmail.com,All Users
-Vijay,Yadav,vjyaav374@gmail.com,All Users
-Vijay,Yadav,vjyaav375@gmail.com,All Users
-Vijay,Yadav,vjyaav376@gmail.com,All Users
-Vijay,Yadav,vjyaav377@gmail.com,All Users
-Vijay,Yadav,vjyaav378@gmail.com,All Users
-Vijay,Yadav,vjyaav379@gmail.com,All Users
-Vijay,Yadav,vjyaav380@gmail.com,All Users
-Vijay,Yadav,vjyaav381@gmail.com,All Users
-Vijay,Yadav,vjyaav382@gmail.com,All Users
-Vijay,Yadav,vjyaav383@gmail.com,All Users
-Vijay,Yadav,vjyaav384@gmail.com,All Users
-Vijay,Yadav,vjyaav385@gmail.com,All Users
-Vijay,Yadav,vjyaav386@gmail.com,All Users
-Vijay,Yadav,vjyaav387@gmail.com,All Users
-Vijay,Yadav,vjyaav388@gmail.com,All Users
-Vijay,Yadav,vjyaav389@gmail.com,All Users
-Vijay,Yadav,vjyaav390@gmail.com,All Users
-Vijay,Yadav,vjyaav391@gmail.com,All Users
-Vijay,Yadav,vjyaav392@gmail.com,All Users
-Vijay,Yadav,vjyaav393@gmail.com,All Users
-Vijay,Yadav,vjyaav394@gmail.com,All Users
-Vijay,Yadav,vjyaav395@gmail.com,All Users
-Vijay,Yadav,vjyaav396@gmail.com,All Users
-Vijay,Yadav,vjyaav397@gmail.com,All Users
-Vijay,Yadav,vjyaav398@gmail.com,All Users
-Vijay,Yadav,vjyaav399@gmail.com,All Users
-Vijay,Yadav,vjyaav400@gmail.com,All Users
-Vijay,Yadav,vjyaav401@gmail.com,All Users
-Vijay,Yadav,vjyaav402@gmail.com,All Users
-Vijay,Yadav,vjyaav403@gmail.com,All Users
-Vijay,Yadav,vjyaav404@gmail.com,All Users
-Vijay,Yadav,vjyaav405@gmail.com,All Users
-Vijay,Yadav,vjyaav406@gmail.com,All Users
-Vijay,Yadav,vjyaav407@gmail.com,All Users
-Vijay,Yadav,vjyaav408@gmail.com,All Users
-Vijay,Yadav,vjyaav409@gmail.com,All Users
-Vijay,Yadav,vjyaav410@gmail.com,All Users
-Vijay,Yadav,vjyaav411@gmail.com,All Users
-Vijay,Yadav,vjyaav412@gmail.com,All Users
-Vijay,Yadav,vjyaav413@gmail.com,All Users
-Vijay,Yadav,vjyaav414@gmail.com,All Users
-Vijay,Yadav,vjyaav415@gmail.com,All Users
-Vijay,Yadav,vjyaav416@gmail.com,All Users
-Vijay,Yadav,vjyaav417@gmail.com,All Users
-Vijay,Yadav,vjyaav418@gmail.com,All Users
-Vijay,Yadav,vjyaav419@gmail.com,All Users
-Vijay,Yadav,vjyaav420@gmail.com,All Users
-Vijay,Yadav,vjyaav421@gmail.com,All Users
-Vijay,Yadav,vjyaav422@gmail.com,All Users
-Vijay,Yadav,vjyaav423@gmail.com,All Users
-Vijay,Yadav,vjyaav424@gmail.com,All Users
-Vijay,Yadav,vjyaav425@gmail.com,All Users
-Vijay,Yadav,vjyaav426@gmail.com,All Users
-Vijay,Yadav,vjyaav427@gmail.com,All Users
-Vijay,Yadav,vjyaav428@gmail.com,All Users
-Vijay,Yadav,vjyaav429@gmail.com,All Users
-Vijay,Yadav,vjyaav430@gmail.com,All Users
-Vijay,Yadav,vjyaav431@gmail.com,All Users
-Vijay,Yadav,vjyaav432@gmail.com,All Users
-Vijay,Yadav,vjyaav433@gmail.com,All Users
-Vijay,Yadav,vjyaav434@gmail.com,All Users
-Vijay,Yadav,vjyaav435@gmail.com,All Users
-Vijay,Yadav,vjyaav436@gmail.com,All Users
-Vijay,Yadav,vjyaav437@gmail.com,All Users
-Vijay,Yadav,vjyaav438@gmail.com,All Users
-Vijay,Yadav,vjyaav439@gmail.com,All Users
-Vijay,Yadav,vjyaav440@gmail.com,All Users
-Vijay,Yadav,vjyaav441@gmail.com,All Users
-Vijay,Yadav,vjyaav442@gmail.com,All Users
-Vijay,Yadav,vjyaav443@gmail.com,All Users
-Vijay,Yadav,vjyaav444@gmail.com,All Users
-Vijay,Yadav,vjyaav445@gmail.com,All Users
-Vijay,Yadav,vjyaav446@gmail.com,All Users
-Vijay,Yadav,vjyaav447@gmail.com,All Users
-Vijay,Yadav,vjyaav448@gmail.com,All Users
-Vijay,Yadav,vjyaav449@gmail.com,All Users
-Vijay,Yadav,vjyaav450@gmail.com,All Users
-Vijay,Yadav,vjyaav451@gmail.com,All Users
-Vijay,Yadav,vjyaav452@gmail.com,All Users
-Vijay,Yadav,vjyaav453@gmail.com,All Users
-Vijay,Yadav,vjyaav454@gmail.com,All Users
-Vijay,Yadav,vjyaav455@gmail.com,All Users
-Vijay,Yadav,vjyaav456@gmail.com,All Users
-Vijay,Yadav,vjyaav457@gmail.com,All Users
-Vijay,Yadav,vjyaav458@gmail.com,All Users
-Vijay,Yadav,vjyaav459@gmail.com,All Users
-Vijay,Yadav,vjyaav460@gmail.com,All Users
-Vijay,Yadav,vjyaav461@gmail.com,All Users
-Vijay,Yadav,vjyaav462@gmail.com,All Users
-Vijay,Yadav,vjyaav463@gmail.com,All Users
-Vijay,Yadav,vjyaav464@gmail.com,All Users
-Vijay,Yadav,vjyaav465@gmail.com,All Users
-Vijay,Yadav,vjyaav466@gmail.com,All Users
-Vijay,Yadav,vjyaav467@gmail.com,All Users
-Vijay,Yadav,vjyaav468@gmail.com,All Users
-Vijay,Yadav,vjyaav469@gmail.com,All Users
-Vijay,Yadav,vjyaav470@gmail.com,All Users
-Vijay,Yadav,vjyaav471@gmail.com,All Users
-Vijay,Yadav,vjyaav472@gmail.com,All Users
-Vijay,Yadav,vjyaav473@gmail.com,All Users
-Vijay,Yadav,vjyaav474@gmail.com,All Users
-Vijay,Yadav,vjyaav475@gmail.com,All Users
-Vijay,Yadav,vjyaav476@gmail.com,All Users
-Vijay,Yadav,vjyaav477@gmail.com,All Users
-Vijay,Yadav,vjyaav478@gmail.com,All Users
-Vijay,Yadav,vjyaav479@gmail.com,All Users
-Vijay,Yadav,vjyaav480@gmail.com,All Users
-Vijay,Yadav,vjyaav481@gmail.com,All Users
-Vijay,Yadav,vjyaav482@gmail.com,All Users
-Vijay,Yadav,vjyaav483@gmail.com,All Users
-Vijay,Yadav,vjyaav484@gmail.com,All Users
-Vijay,Yadav,vjyaav485@gmail.com,All Users
-Vijay,Yadav,vjyaav486@gmail.com,All Users
-Vijay,Yadav,vjyaav487@gmail.com,All Users
-Vijay,Yadav,vjyaav488@gmail.com,All Users
-Vijay,Yadav,vjyaav489@gmail.com,All Users
-Vijay,Yadav,vjyaav490@gmail.com,All Users
-Vijay,Yadav,vjyaav491@gmail.com,All Users
-Vijay,Yadav,vjyaav492@gmail.com,All Users
-Vijay,Yadav,vjyaav493@gmail.com,All Users
-Vijay,Yadav,vjyaav494@gmail.com,All Users
-Vijay,Yadav,vjyaav495@gmail.com,All Users
-Vijay,Yadav,vjyaav496@gmail.com,All Users
-Vijay,Yadav,vjyaav497@gmail.com,All Users
-Vijay,Yadav,vjyaav498@gmail.com,All Users
-Vijay,Yadav,vjyaav499@gmail.com,All Users
-Vijay,Yadav,vjyaav500@gmail.com,All Users
-Vijay,Yadav,vjyaav501@gmail.com,All Users
-Vijay,Yadav,vjyaav502@gmail.com,All Users
-Vijay,Yadav,vjyaav503@gmail.com,All Users
-Vijay,Yadav,vjyaav504@gmail.com,All Users
-Vijay,Yadav,vjyaav505@gmail.com,All Users
-Vijay,Yadav,vjyaav506@gmail.com,All Users
-Vijay,Yadav,vjyaav507@gmail.com,All Users
-Vijay,Yadav,vjyaav508@gmail.com,All Users
-Vijay,Yadav,vjyaav509@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+Vijay,Yadav,vjyaav1@gmail.com,Admin,
+Vijay,Yadav,vjyaav2@gmail.com,Builder,
+Vijay,Yadav,vjyaav3@gmail.com,Builder,
+Vijay,Yadav,vjyaav4@gmail.com,End User,
+Vijay,Yadav,vjyaav5@gmail.com,End User,
+Vijay,Yadav,vjyaav6@gmail.com,End User,
+Vijay,Yadav,vjyaav7@gmail.com,End User,
+Vijay,Yadav,vjyaav8@gmail.com,End User,
+Vijay,Yadav,vjyaav9@gmail.com,End User,
+Vijay,Yadav,vjyaav10@gmail.com,End User,
+Vijay,Yadav,vjyaav11@gmail.com,End User,
+Vijay,Yadav,vjyaav12@gmail.com,End User,
+Vijay,Yadav,vjyaav13@gmail.com,End User,
+Vijay,Yadav,vjyaav14@gmail.com,End User,
+Vijay,Yadav,vjyaav15@gmail.com,End User,
+Vijay,Yadav,vjyaav16@gmail.com,End User,
+Vijay,Yadav,vjyaav17@gmail.com,End User,
+Vijay,Yadav,vjyaav18@gmail.com,End User,
+Vijay,Yadav,vjyaav19@gmail.com,End User,
+Vijay,Yadav,vjyaav20@gmail.com,End User,
+Vijay,Yadav,vjyaav21@gmail.com,End User,
+Vijay,Yadav,vjyaav22@gmail.com,End User,
+Vijay,Yadav,vjyaav23@gmail.com,End User,
+Vijay,Yadav,vjyaav24@gmail.com,End User,
+Vijay,Yadav,vjyaav25@gmail.com,End User,
+Vijay,Yadav,vjyaav26@gmail.com,End User,
+Vijay,Yadav,vjyaav27@gmail.com,End User,
+Vijay,Yadav,vjyaav28@gmail.com,End User,
+Vijay,Yadav,vjyaav29@gmail.com,End User,
+Vijay,Yadav,vjyaav30@gmail.com,End User,
+Vijay,Yadav,vjyaav31@gmail.com,End User,
+Vijay,Yadav,vjyaav32@gmail.com,End User,
+Vijay,Yadav,vjyaav33@gmail.com,End User,
+Vijay,Yadav,vjyaav34@gmail.com,End User,
+Vijay,Yadav,vjyaav35@gmail.com,End User,
+Vijay,Yadav,vjyaav36@gmail.com,End User,
+Vijay,Yadav,vjyaav37@gmail.com,End User,
+Vijay,Yadav,vjyaav38@gmail.com,End User,
+Vijay,Yadav,vjyaav39@gmail.com,End User,
+Vijay,Yadav,vjyaav40@gmail.com,End User,
+Vijay,Yadav,vjyaav41@gmail.com,End User,
+Vijay,Yadav,vjyaav42@gmail.com,End User,
+Vijay,Yadav,vjyaav43@gmail.com,End User,
+Vijay,Yadav,vjyaav44@gmail.com,End User,
+Vijay,Yadav,vjyaav45@gmail.com,End User,
+Vijay,Yadav,vjyaav46@gmail.com,End User,
+Vijay,Yadav,vjyaav47@gmail.com,End User,
+Vijay,Yadav,vjyaav48@gmail.com,End User,
+Vijay,Yadav,vjyaav49@gmail.com,End User,
+Vijay,Yadav,vjyaav50@gmail.com,End User,
+Vijay,Yadav,vjyaav51@gmail.com,End User,
+Vijay,Yadav,vjyaav52@gmail.com,End User,
+Vijay,Yadav,vjyaav53@gmail.com,End User,
+Vijay,Yadav,vjyaav54@gmail.com,End User,
+Vijay,Yadav,vjyaav55@gmail.com,End User,
+Vijay,Yadav,vjyaav56@gmail.com,End User,
+Vijay,Yadav,vjyaav57@gmail.com,End User,
+Vijay,Yadav,vjyaav58@gmail.com,End User,
+Vijay,Yadav,vjyaav59@gmail.com,End User,
+Vijay,Yadav,vjyaav60@gmail.com,End User,
+Vijay,Yadav,vjyaav61@gmail.com,End User,
+Vijay,Yadav,vjyaav62@gmail.com,End User,
+Vijay,Yadav,vjyaav63@gmail.com,End User,
+Vijay,Yadav,vjyaav64@gmail.com,End User,
+Vijay,Yadav,vjyaav65@gmail.com,End User,
+Vijay,Yadav,vjyaav66@gmail.com,End User,
+Vijay,Yadav,vjyaav67@gmail.com,End User,
+Vijay,Yadav,vjyaav68@gmail.com,End User,
+Vijay,Yadav,vjyaav69@gmail.com,End User,
+Vijay,Yadav,vjyaav70@gmail.com,End User,
+Vijay,Yadav,vjyaav71@gmail.com,End User,
+Vijay,Yadav,vjyaav72@gmail.com,End User,
+Vijay,Yadav,vjyaav73@gmail.com,End User,
+Vijay,Yadav,vjyaav74@gmail.com,End User,
+Vijay,Yadav,vjyaav75@gmail.com,End User,
+Vijay,Yadav,vjyaav76@gmail.com,End User,
+Vijay,Yadav,vjyaav77@gmail.com,End User,
+Vijay,Yadav,vjyaav78@gmail.com,End User,
+Vijay,Yadav,vjyaav79@gmail.com,End User,
+Vijay,Yadav,vjyaav80@gmail.com,End User,
+Vijay,Yadav,vjyaav81@gmail.com,End User,
+Vijay,Yadav,vjyaav82@gmail.com,End User,
+Vijay,Yadav,vjyaav83@gmail.com,End User,
+Vijay,Yadav,vjyaav84@gmail.com,End User,
+Vijay,Yadav,vjyaav85@gmail.com,End User,
+Vijay,Yadav,vjyaav86@gmail.com,End User,
+Vijay,Yadav,vjyaav87@gmail.com,End User,
+Vijay,Yadav,vjyaav88@gmail.com,End User,
+Vijay,Yadav,vjyaav89@gmail.com,End User,
+Vijay,Yadav,vjyaav90@gmail.com,End User,
+Vijay,Yadav,vjyaav91@gmail.com,End User,
+Vijay,Yadav,vjyaav92@gmail.com,End User,
+Vijay,Yadav,vjyaav93@gmail.com,End User,
+Vijay,Yadav,vjyaav94@gmail.com,End User,
+Vijay,Yadav,vjyaav95@gmail.com,End User,
+Vijay,Yadav,vjyaav96@gmail.com,End User,
+Vijay,Yadav,vjyaav97@gmail.com,End User,
+Vijay,Yadav,vjyaav98@gmail.com,End User,
+Vijay,Yadav,vjyaav99@gmail.com,End User,
+Vijay,Yadav,vjyaav100@gmail.com,End User,
+Vijay,Yadav,vjyaav101@gmail.com,End User,
+Vijay,Yadav,vjyaav102@gmail.com,End User,
+Vijay,Yadav,vjyaav103@gmail.com,End User,
+Vijay,Yadav,vjyaav104@gmail.com,End User,
+Vijay,Yadav,vjyaav105@gmail.com,End User,
+Vijay,Yadav,vjyaav106@gmail.com,End User,
+Vijay,Yadav,vjyaav107@gmail.com,End User,
+Vijay,Yadav,vjyaav108@gmail.com,End User,
+Vijay,Yadav,vjyaav109@gmail.com,End User,
+Vijay,Yadav,vjyaav110@gmail.com,End User,
+Vijay,Yadav,vjyaav111@gmail.com,End User,
+Vijay,Yadav,vjyaav112@gmail.com,End User,
+Vijay,Yadav,vjyaav113@gmail.com,End User,
+Vijay,Yadav,vjyaav114@gmail.com,End User,
+Vijay,Yadav,vjyaav115@gmail.com,End User,
+Vijay,Yadav,vjyaav116@gmail.com,End User,
+Vijay,Yadav,vjyaav117@gmail.com,End User,
+Vijay,Yadav,vjyaav118@gmail.com,End User,
+Vijay,Yadav,vjyaav119@gmail.com,End User,
+Vijay,Yadav,vjyaav120@gmail.com,End User,
+Vijay,Yadav,vjyaav121@gmail.com,End User,
+Vijay,Yadav,vjyaav122@gmail.com,End User,
+Vijay,Yadav,vjyaav123@gmail.com,End User,
+Vijay,Yadav,vjyaav124@gmail.com,End User,
+Vijay,Yadav,vjyaav125@gmail.com,End User,
+Vijay,Yadav,vjyaav126@gmail.com,End User,
+Vijay,Yadav,vjyaav127@gmail.com,End User,
+Vijay,Yadav,vjyaav128@gmail.com,End User,
+Vijay,Yadav,vjyaav129@gmail.com,End User,
+Vijay,Yadav,vjyaav130@gmail.com,End User,
+Vijay,Yadav,vjyaav131@gmail.com,End User,
+Vijay,Yadav,vjyaav132@gmail.com,End User,
+Vijay,Yadav,vjyaav133@gmail.com,End User,
+Vijay,Yadav,vjyaav134@gmail.com,End User,
+Vijay,Yadav,vjyaav135@gmail.com,End User,
+Vijay,Yadav,vjyaav136@gmail.com,End User,
+Vijay,Yadav,vjyaav137@gmail.com,End User,
+Vijay,Yadav,vjyaav138@gmail.com,End User,
+Vijay,Yadav,vjyaav139@gmail.com,End User,
+Vijay,Yadav,vjyaav140@gmail.com,End User,
+Vijay,Yadav,vjyaav141@gmail.com,End User,
+Vijay,Yadav,vjyaav142@gmail.com,End User,
+Vijay,Yadav,vjyaav143@gmail.com,End User,
+Vijay,Yadav,vjyaav144@gmail.com,End User,
+Vijay,Yadav,vjyaav145@gmail.com,End User,
+Vijay,Yadav,vjyaav146@gmail.com,End User,
+Vijay,Yadav,vjyaav147@gmail.com,End User,
+Vijay,Yadav,vjyaav148@gmail.com,End User,
+Vijay,Yadav,vjyaav149@gmail.com,End User,
+Vijay,Yadav,vjyaav150@gmail.com,End User,
+Vijay,Yadav,vjyaav151@gmail.com,End User,
+Vijay,Yadav,vjyaav152@gmail.com,End User,
+Vijay,Yadav,vjyaav153@gmail.com,End User,
+Vijay,Yadav,vjyaav154@gmail.com,End User,
+Vijay,Yadav,vjyaav155@gmail.com,End User,
+Vijay,Yadav,vjyaav156@gmail.com,End User,
+Vijay,Yadav,vjyaav157@gmail.com,End User,
+Vijay,Yadav,vjyaav158@gmail.com,End User,
+Vijay,Yadav,vjyaav159@gmail.com,End User,
+Vijay,Yadav,vjyaav160@gmail.com,End User,
+Vijay,Yadav,vjyaav161@gmail.com,End User,
+Vijay,Yadav,vjyaav162@gmail.com,End User,
+Vijay,Yadav,vjyaav163@gmail.com,End User,
+Vijay,Yadav,vjyaav164@gmail.com,End User,
+Vijay,Yadav,vjyaav165@gmail.com,End User,
+Vijay,Yadav,vjyaav166@gmail.com,End User,
+Vijay,Yadav,vjyaav167@gmail.com,End User,
+Vijay,Yadav,vjyaav168@gmail.com,End User,
+Vijay,Yadav,vjyaav169@gmail.com,End User,
+Vijay,Yadav,vjyaav170@gmail.com,End User,
+Vijay,Yadav,vjyaav171@gmail.com,End User,
+Vijay,Yadav,vjyaav172@gmail.com,End User,
+Vijay,Yadav,vjyaav173@gmail.com,End User,
+Vijay,Yadav,vjyaav174@gmail.com,End User,
+Vijay,Yadav,vjyaav175@gmail.com,End User,
+Vijay,Yadav,vjyaav176@gmail.com,End User,
+Vijay,Yadav,vjyaav177@gmail.com,End User,
+Vijay,Yadav,vjyaav178@gmail.com,End User,
+Vijay,Yadav,vjyaav179@gmail.com,End User,
+Vijay,Yadav,vjyaav180@gmail.com,End User,
+Vijay,Yadav,vjyaav181@gmail.com,End User,
+Vijay,Yadav,vjyaav182@gmail.com,End User,
+Vijay,Yadav,vjyaav183@gmail.com,End User,
+Vijay,Yadav,vjyaav184@gmail.com,End User,
+Vijay,Yadav,vjyaav185@gmail.com,End User,
+Vijay,Yadav,vjyaav186@gmail.com,End User,
+Vijay,Yadav,vjyaav187@gmail.com,End User,
+Vijay,Yadav,vjyaav188@gmail.com,End User,
+Vijay,Yadav,vjyaav189@gmail.com,End User,
+Vijay,Yadav,vjyaav190@gmail.com,End User,
+Vijay,Yadav,vjyaav191@gmail.com,End User,
+Vijay,Yadav,vjyaav192@gmail.com,End User,
+Vijay,Yadav,vjyaav193@gmail.com,End User,
+Vijay,Yadav,vjyaav194@gmail.com,End User,
+Vijay,Yadav,vjyaav195@gmail.com,End User,
+Vijay,Yadav,vjyaav196@gmail.com,End User,
+Vijay,Yadav,vjyaav197@gmail.com,End User,
+Vijay,Yadav,vjyaav198@gmail.com,End User,
+Vijay,Yadav,vjyaav199@gmail.com,End User,
+Vijay,Yadav,vjyaav200@gmail.com,End User,
+Vijay,Yadav,vjyaav201@gmail.com,End User,
+Vijay,Yadav,vjyaav202@gmail.com,End User,
+Vijay,Yadav,vjyaav203@gmail.com,End User,
+Vijay,Yadav,vjyaav204@gmail.com,End User,
+Vijay,Yadav,vjyaav205@gmail.com,End User,
+Vijay,Yadav,vjyaav206@gmail.com,End User,
+Vijay,Yadav,vjyaav207@gmail.com,End User,
+Vijay,Yadav,vjyaav208@gmail.com,End User,
+Vijay,Yadav,vjyaav209@gmail.com,End User,
+Vijay,Yadav,vjyaav210@gmail.com,End User,
+Vijay,Yadav,vjyaav211@gmail.com,End User,
+Vijay,Yadav,vjyaav212@gmail.com,End User,
+Vijay,Yadav,vjyaav213@gmail.com,End User,
+Vijay,Yadav,vjyaav214@gmail.com,End User,
+Vijay,Yadav,vjyaav215@gmail.com,End User,
+Vijay,Yadav,vjyaav216@gmail.com,End User,
+Vijay,Yadav,vjyaav217@gmail.com,End User,
+Vijay,Yadav,vjyaav218@gmail.com,End User,
+Vijay,Yadav,vjyaav219@gmail.com,End User,
+Vijay,Yadav,vjyaav220@gmail.com,End User,
+Vijay,Yadav,vjyaav221@gmail.com,End User,
+Vijay,Yadav,vjyaav222@gmail.com,End User,
+Vijay,Yadav,vjyaav223@gmail.com,End User,
+Vijay,Yadav,vjyaav224@gmail.com,End User,
+Vijay,Yadav,vjyaav225@gmail.com,End User,
+Vijay,Yadav,vjyaav226@gmail.com,End User,
+Vijay,Yadav,vjyaav227@gmail.com,End User,
+Vijay,Yadav,vjyaav228@gmail.com,End User,
+Vijay,Yadav,vjyaav229@gmail.com,End User,
+Vijay,Yadav,vjyaav230@gmail.com,End User,
+Vijay,Yadav,vjyaav231@gmail.com,End User,
+Vijay,Yadav,vjyaav232@gmail.com,End User,
+Vijay,Yadav,vjyaav233@gmail.com,End User,
+Vijay,Yadav,vjyaav234@gmail.com,End User,
+Vijay,Yadav,vjyaav235@gmail.com,End User,
+Vijay,Yadav,vjyaav236@gmail.com,End User,
+Vijay,Yadav,vjyaav237@gmail.com,End User,
+Vijay,Yadav,vjyaav238@gmail.com,End User,
+Vijay,Yadav,vjyaav239@gmail.com,End User,
+Vijay,Yadav,vjyaav240@gmail.com,End User,
+Vijay,Yadav,vjyaav241@gmail.com,End User,
+Vijay,Yadav,vjyaav242@gmail.com,End User,
+Vijay,Yadav,vjyaav243@gmail.com,End User,
+Vijay,Yadav,vjyaav244@gmail.com,End User,
+Vijay,Yadav,vjyaav245@gmail.com,End User,
+Vijay,Yadav,vjyaav246@gmail.com,End User,
+Vijay,Yadav,vjyaav247@gmail.com,End User,
+Vijay,Yadav,vjyaav248@gmail.com,End User,
+Vijay,Yadav,vjyaav249@gmail.com,End User,
+Vijay,Yadav,vjyaav250@gmail.com,End User,
+Vijay,Yadav,vjyaav251@gmail.com,End User,
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/empty_first_and_last_name - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/empty_first_and_last_name - Sheet1.csv
index 03f89777d6..8276f35cc0 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/empty_first_and_last_name - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/empty_first_and_last_name - Sheet1.csv	
@@ -1,6 +1,6 @@
-First Name,Last Name,Email,Groups
-,,test12empty@gmail.com,All Users
-Test,Example,test12empty@gmail.com,All Users
-Test,Example,test14empty@gmail.com,All Users
-Test,Example,test14empty@gmail.com,All Users
-Test,Example,test16empty@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+,,test12empty@gmail.com,Admin,Admin
+Test,Example,test12empty@gmail.com,Builder,Builder
+Test,Example,test14empty@gmail.com,End User,End User
+Test,Example,test14empty@gmail.com,End User,End User
+Test,Example,test16empty@gmail.com,End User,End User
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/invalid_group_name - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/invalid_group_name - Sheet1.csv
deleted file mode 100644
index 3d07ab09c0..0000000000
--- a/cypress-tests/cypress/fixtures/bulkUser/invalid_group_name - Sheet1.csv	
+++ /dev/null
@@ -1,12 +0,0 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@gmail.com,All-users
-Test,Example,test13@gmail.com,All-users
-Test,Example,test14@gmail.com,All-users
-Test,Example,test15@gmail.com,All-users
-Test,Example,test16@gmail.com,All-users
-Test,Example,test17@gmail.com,All-users
-Test,Example,test18@gmail.com,All-users
-Test,Example,test19@gmail.com,All-users
-Test,Example,test20@gmail.com,All-users
-Test,Example,test21@gmail.com,All-users
-Test,Example,test22@gmail.com,All-users
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/invite_users - Sheet1 .csv b/cypress-tests/cypress/fixtures/bulkUser/invite_users - Sheet1 .csv
index ddbb573859..4886865635 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/invite_users - Sheet1 .csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/invite_users - Sheet1 .csv	
@@ -1,251 +1,251 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@gmail.com,All Users|Admin
-Test,Example,test13@gmail.com,All Users
-Test,Example,test14@gmail.com,All Users
-Test,Example,test15@gmail.com,All Users
-Test,Example,test16@gmail.com,All Users
-Test,Example,test17@gmail.com,All Users
-Test,Example,test18@gmail.com,All Users
-Test,Example,test19@gmail.com,All Users
-Test,Example,test20@gmail.com,All Users
-Test,Example,test21@gmail.com,All Users
-Test,Example,test22@gmail.com,All Users
-Test,Example,test23@gmail.com,All Users
-Test,Example,test24@gmail.com,All Users
-Test,Example,test25@gmail.com,All Users
-Test,Example,test26@gmail.com,All Users
-Test,Example,test27@gmail.com,All Users
-Test,Example,test28@gmail.com,All Users
-Test,Example,test29@gmail.com,All Users
-Test,Example,test30@gmail.com,All Users
-Test,Example,test31@gmail.com,All Users
-Test,Example,test32@gmail.com,All Users
-Test,Example,test33@gmail.com,All Users
-Test,Example,test34@gmail.com,All Users
-Test,Example,test35@gmail.com,All Users
-Test,Example,test36@gmail.com,All Users
-Test,Example,test37@gmail.com,All Users
-Test,Example,test38@gmail.com,All Users
-Test,Example,test39@gmail.com,All Users
-Test,Example,test40@gmail.com,All Users
-Test,Example,test41@gmail.com,All Users
-Test,Example,test42@gmail.com,All Users
-Test,Example,test43@gmail.com,All Users
-Test,Example,test44@gmail.com,All Users
-Test,Example,test45@gmail.com,All Users
-Test,Example,test46@gmail.com,All Users
-Test,Example,test47@gmail.com,All Users
-Test,Example,test48@gmail.com,All Users
-Test,Example,test49@gmail.com,All Users
-Test,Example,test50@gmail.com,All Users
-Test,Example,test51@gmail.com,All Users
-Test,Example,test52@gmail.com,All Users
-Test,Example,test53@gmail.com,All Users
-Test,Example,test54@gmail.com,All Users
-Test,Example,test55@gmail.com,All Users
-Test,Example,test56@gmail.com,All Users
-Test,Example,test57@gmail.com,All Users
-Test,Example,test58@gmail.com,All Users
-Test,Example,test59@gmail.com,All Users
-Test,Example,test60@gmail.com,All Users
-Test,Example,test61@gmail.com,All Users
-Test,Example,test62@gmail.com,All Users
-Test,Example,test63@gmail.com,All Users
-Test,Example,test64@gmail.com,All Users
-Test,Example,test65@gmail.com,All Users
-Test,Example,test66@gmail.com,All Users
-Test,Example,test67@gmail.com,All Users
-Test,Example,test68@gmail.com,All Users
-Test,Example,test69@gmail.com,All Users
-Test,Example,test70@gmail.com,All Users
-Test,Example,test71@gmail.com,All Users
-Test,Example,test72@gmail.com,All Users
-Test,Example,test73@gmail.com,All Users
-Test,Example,test74@gmail.com,All Users
-Test,Example,test75@gmail.com,All Users
-Test,Example,test76@gmail.com,All Users
-Test,Example,test77@gmail.com,All Users
-Test,Example,test78@gmail.com,All Users
-Test,Example,test79@gmail.com,All Users
-Test,Example,test80@gmail.com,All Users
-Test,Example,test81@gmail.com,All Users
-Test,Example,test82@gmail.com,All Users
-Test,Example,test83@gmail.com,All Users
-Test,Example,test84@gmail.com,All Users
-Test,Example,test85@gmail.com,All Users
-Test,Example,test86@gmail.com,All Users
-Test,Example,test87@gmail.com,All Users
-Test,Example,test88@gmail.com,All Users
-Test,Example,test89@gmail.com,All Users
-Test,Example,test90@gmail.com,All Users
-Test,Example,test91@gmail.com,All Users
-Test,Example,test92@gmail.com,All Users
-Test,Example,test93@gmail.com,All Users
-Test,Example,test94@gmail.com,All Users
-Test,Example,test95@gmail.com,All Users
-Test,Example,test96@gmail.com,All Users
-Test,Example,test97@gmail.com,All Users
-Test,Example,test98@gmail.com,All Users
-Test,Example,test99@gmail.com,All Users
-Test,Example,test100@gmail.com,All Users
-Test,Example,test101@gmail.com,All Users
-Test,Example,test102@gmail.com,All Users
-Test,Example,test103@gmail.com,All Users
-Test,Example,test104@gmail.com,All Users
-Test,Example,test105@gmail.com,All Users
-Test,Example,test106@gmail.com,All Users
-Test,Example,test107@gmail.com,All Users
-Test,Example,test108@gmail.com,All Users
-Test,Example,test109@gmail.com,All Users
-Test,Example,test110@gmail.com,All Users
-Test,Example,test111@gmail.com,All Users
-Test,Example,test112@gmail.com,All Users
-Test,Example,test113@gmail.com,All Users
-Test,Example,test114@gmail.com,All Users
-Test,Example,test115@gmail.com,All Users
-Test,Example,test116@gmail.com,All Users
-Test,Example,test117@gmail.com,All Users
-Test,Example,test118@gmail.com,All Users
-Test,Example,test119@gmail.com,All Users
-Test,Example,test120@gmail.com,All Users
-Test,Example,test121@gmail.com,All Users
-Test,Example,test122@gmail.com,All Users
-Test,Example,test123@gmail.com,All Users
-Test,Example,test124@gmail.com,All Users
-Test,Example,test125@gmail.com,All Users
-Test,Example,test126@gmail.com,All Users
-Test,Example,test127@gmail.com,All Users
-Test,Example,test128@gmail.com,All Users
-Test,Example,test129@gmail.com,All Users
-Test,Example,test130@gmail.com,All Users
-Test,Example,test131@gmail.com,All Users
-Test,Example,test132@gmail.com,All Users
-Test,Example,test133@gmail.com,All Users
-Test,Example,test134@gmail.com,All Users
-Test,Example,test135@gmail.com,All Users
-Test,Example,test136@gmail.com,All Users
-Test,Example,test137@gmail.com,All Users
-Test,Example,test138@gmail.com,All Users
-Test,Example,test139@gmail.com,All Users
-Test,Example,test140@gmail.com,All Users
-Test,Example,test141@gmail.com,All Users
-Test,Example,test142@gmail.com,All Users
-Test,Example,test143@gmail.com,All Users
-Test,Example,test144@gmail.com,All Users
-Test,Example,test145@gmail.com,All Users
-Test,Example,test146@gmail.com,All Users
-Test,Example,test147@gmail.com,All Users
-Test,Example,test148@gmail.com,All Users
-Test,Example,test149@gmail.com,All Users
-Test,Example,test150@gmail.com,All Users
-Test,Example,test151@gmail.com,All Users
-Test,Example,test152@gmail.com,All Users
-Test,Example,test153@gmail.com,All Users
-Test,Example,test154@gmail.com,All Users
-Test,Example,test155@gmail.com,All Users
-Test,Example,test156@gmail.com,All Users
-Test,Example,test157@gmail.com,All Users
-Test,Example,test158@gmail.com,All Users
-Test,Example,test159@gmail.com,All Users
-Test,Example,test160@gmail.com,All Users
-Test,Example,test161@gmail.com,All Users
-Test,Example,test162@gmail.com,All Users
-Test,Example,test163@gmail.com,All Users
-Test,Example,test164@gmail.com,All Users
-Test,Example,test165@gmail.com,All Users
-Test,Example,test166@gmail.com,All Users
-Test,Example,test167@gmail.com,All Users
-Test,Example,test168@gmail.com,All Users
-Test,Example,test169@gmail.com,All Users
-Test,Example,test170@gmail.com,All Users
-Test,Example,test171@gmail.com,All Users
-Test,Example,test172@gmail.com,All Users
-Test,Example,test173@gmail.com,All Users
-Test,Example,test174@gmail.com,All Users
-Test,Example,test175@gmail.com,All Users
-Test,Example,test176@gmail.com,All Users
-Test,Example,test177@gmail.com,All Users
-Test,Example,test178@gmail.com,All Users
-Test,Example,test179@gmail.com,All Users
-Test,Example,test180@gmail.com,All Users
-Test,Example,test181@gmail.com,All Users
-Test,Example,test182@gmail.com,All Users
-Test,Example,test183@gmail.com,All Users
-Test,Example,test184@gmail.com,All Users
-Test,Example,test185@gmail.com,All Users
-Test,Example,test186@gmail.com,All Users
-Test,Example,test187@gmail.com,All Users
-Test,Example,test188@gmail.com,All Users
-Test,Example,test189@gmail.com,All Users
-Test,Example,test190@gmail.com,All Users
-Test,Example,test191@gmail.com,All Users
-Test,Example,test192@gmail.com,All Users
-Test,Example,test193@gmail.com,All Users
-Test,Example,test194@gmail.com,All Users
-Test,Example,test195@gmail.com,All Users
-Test,Example,test196@gmail.com,All Users
-Test,Example,test197@gmail.com,All Users
-Test,Example,test198@gmail.com,All Users
-Test,Example,test199@gmail.com,All Users
-Test,Example,test200@gmail.com,All Users
-Test,Example,test201@gmail.com,All Users
-Test,Example,test202@gmail.com,All Users
-Test,Example,test203@gmail.com,All Users
-Test,Example,test204@gmail.com,All Users
-Test,Example,test205@gmail.com,All Users
-Test,Example,test206@gmail.com,All Users
-Test,Example,test207@gmail.com,All Users
-Test,Example,test208@gmail.com,All Users
-Test,Example,test209@gmail.com,All Users
-Test,Example,test210@gmail.com,All Users
-Test,Example,test211@gmail.com,All Users
-Test,Example,test212@gmail.com,All Users
-Test,Example,test213@gmail.com,All Users
-Test,Example,test214@gmail.com,All Users
-Test,Example,test215@gmail.com,All Users
-Test,Example,test216@gmail.com,All Users
-Test,Example,test217@gmail.com,All Users
-Test,Example,test218@gmail.com,All Users
-Test,Example,test219@gmail.com,All Users
-Test,Example,test220@gmail.com,All Users
-Test,Example,test221@gmail.com,All Users
-Test,Example,test222@gmail.com,All Users
-Test,Example,test223@gmail.com,All Users
-Test,Example,test224@gmail.com,All Users
-Test,Example,test225@gmail.com,All Users
-Test,Example,test226@gmail.com,All Users
-Test,Example,test227@gmail.com,All Users
-Test,Example,test228@gmail.com,All Users
-Test,Example,test229@gmail.com,All Users
-Test,Example,test230@gmail.com,All Users
-Test,Example,test231@gmail.com,All Users
-Test,Example,test232@gmail.com,All Users
-Test,Example,test233@gmail.com,All Users
-Test,Example,test234@gmail.com,All Users
-Test,Example,test235@gmail.com,All Users
-Test,Example,test236@gmail.com,All Users
-Test,Example,test237@gmail.com,All Users
-Test,Example,test238@gmail.com,All Users
-Test,Example,test239@gmail.com,All Users
-Test,Example,test240@gmail.com,All Users
-Test,Example,test241@gmail.com,All Users
-Test,Example,test242@gmail.com,All Users
-Test,Example,test243@gmail.com,All Users
-Test,Example,test244@gmail.com,All Users
-Test,Example,test245@gmail.com,All Users
-Test,Example,test246@gmail.com,All Users
-Test,Example,test247@gmail.com,All Users
-Test,Example,test248@gmail.com,All Users
-Test,Example,test249@gmail.com,All Users
-Test,Example,test250@gmail.com,All Users
-Test,Example,test251@gmail.com,All Users
-Test,Example,test252@gmail.com,All Users
-Test,Example,test253@gmail.com,All Users
-Test,Example,test254@gmail.com,All Users
-Test,Example,test255@gmail.com,All Users
-Test,Example,test256@gmail.com,All Users
-Test,Example,test257@gmail.com,All Users
-Test,Example,test258@gmail.com,All Users
-Test,Example,test259@gmail.com,All Users
-Test,Example,test260@gmail.com,All Users
-Test,Example,test261@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+test,test,test1@gmail.com,Admin,Admin
+test,test,test2@gmail.com,Builder,Builder
+test,test,test3@gmail.com,Builder,Builder
+test,test,test4@gmail.com,End User,End User
+test,test,test5@gmail.com,End User,End User
+test,test,test6@gmail.com,End User,End User
+test,test,test7@gmail.com,End User,End User
+test,test,test8@gmail.com,End User,End User
+test,test,test9@gmail.com,End User,End User
+test,test,test10@gmail.com,End User,End User
+test,test,test11@gmail.com,End User,End User
+test,test,test12@gmail.com,End User,End User
+test,test,test13@gmail.com,End User,End User
+test,test,test14@gmail.com,End User,End User
+test,test,test15@gmail.com,End User,End User
+test,test,test16@gmail.com,End User,End User
+test,test,test17@gmail.com,End User,End User
+test,test,test18@gmail.com,End User,End User
+test,test,test19@gmail.com,End User,End User
+test,test,test20@gmail.com,End User,End User
+test,test,test21@gmail.com,End User,End User
+test,test,test22@gmail.com,End User,End User
+test,test,test23@gmail.com,End User,End User
+test,test,test24@gmail.com,End User,End User
+test,test,test25@gmail.com,End User,End User
+test,test,test26@gmail.com,End User,End User
+test,test,test27@gmail.com,End User,End User
+test,test,test28@gmail.com,End User,End User
+test,test,test29@gmail.com,End User,End User
+test,test,test30@gmail.com,End User,End User
+test,test,test31@gmail.com,End User,End User
+test,test,test32@gmail.com,End User,End User
+test,test,test33@gmail.com,End User,End User
+test,test,test34@gmail.com,End User,End User
+test,test,test35@gmail.com,End User,End User
+test,test,test36@gmail.com,End User,End User
+test,test,test37@gmail.com,End User,End User
+test,test,test38@gmail.com,End User,End User
+test,test,test39@gmail.com,End User,End User
+test,test,test40@gmail.com,End User,End User
+test,test,test41@gmail.com,End User,End User
+test,test,test42@gmail.com,End User,End User
+test,test,test43@gmail.com,End User,End User
+test,test,test44@gmail.com,End User,End User
+test,test,test45@gmail.com,End User,End User
+test,test,test46@gmail.com,End User,End User
+test,test,test47@gmail.com,End User,End User
+test,test,test48@gmail.com,End User,End User
+test,test,test49@gmail.com,End User,End User
+test,test,test50@gmail.com,End User,End User
+test,test,test51@gmail.com,End User,End User
+test,test,test52@gmail.com,End User,End User
+test,test,test53@gmail.com,End User,End User
+test,test,test54@gmail.com,End User,End User
+test,test,test55@gmail.com,End User,End User
+test,test,test56@gmail.com,End User,End User
+test,test,test57@gmail.com,End User,End User
+test,test,test58@gmail.com,End User,End User
+test,test,test59@gmail.com,End User,End User
+test,test,test60@gmail.com,End User,End User
+test,test,test61@gmail.com,End User,End User
+test,test,test62@gmail.com,End User,End User
+test,test,test63@gmail.com,End User,End User
+test,test,test64@gmail.com,End User,End User
+test,test,test65@gmail.com,End User,End User
+test,test,test66@gmail.com,End User,End User
+test,test,test67@gmail.com,End User,End User
+test,test,test68@gmail.com,End User,End User
+test,test,test69@gmail.com,End User,End User
+test,test,test70@gmail.com,End User,End User
+test,test,test71@gmail.com,End User,End User
+test,test,test72@gmail.com,End User,End User
+test,test,test73@gmail.com,End User,End User
+test,test,test74@gmail.com,End User,End User
+test,test,test75@gmail.com,End User,End User
+test,test,test76@gmail.com,End User,End User
+test,test,test77@gmail.com,End User,End User
+test,test,test78@gmail.com,End User,End User
+test,test,test79@gmail.com,End User,End User
+test,test,test80@gmail.com,End User,End User
+test,test,test81@gmail.com,End User,End User
+test,test,test82@gmail.com,End User,End User
+test,test,test83@gmail.com,End User,End User
+test,test,test84@gmail.com,End User,End User
+test,test,test85@gmail.com,End User,End User
+test,test,test86@gmail.com,End User,End User
+test,test,test87@gmail.com,End User,End User
+test,test,test88@gmail.com,End User,End User
+test,test,test89@gmail.com,End User,End User
+test,test,test90@gmail.com,End User,End User
+test,test,test91@gmail.com,End User,End User
+test,test,test92@gmail.com,End User,End User
+test,test,test93@gmail.com,End User,End User
+test,test,test94@gmail.com,End User,End User
+test,test,test95@gmail.com,End User,End User
+test,test,test96@gmail.com,End User,End User
+test,test,test97@gmail.com,End User,End User
+test,test,test98@gmail.com,End User,End User
+test,test,test99@gmail.com,End User,End User
+test,test,test100@gmail.com,End User,End User
+test,test,test101@gmail.com,End User,End User
+test,test,test102@gmail.com,End User,End User
+test,test,test103@gmail.com,End User,End User
+test,test,test104@gmail.com,End User,End User
+test,test,test105@gmail.com,End User,End User
+test,test,test106@gmail.com,End User,End User
+test,test,test107@gmail.com,End User,End User
+test,test,test108@gmail.com,End User,End User
+test,test,test109@gmail.com,End User,End User
+test,test,test110@gmail.com,End User,End User
+test,test,test111@gmail.com,End User,End User
+test,test,test112@gmail.com,End User,End User
+test,test,test113@gmail.com,End User,End User
+test,test,test114@gmail.com,End User,End User
+test,test,test115@gmail.com,End User,End User
+test,test,test116@gmail.com,End User,End User
+test,test,test117@gmail.com,End User,End User
+test,test,test118@gmail.com,End User,End User
+test,test,test119@gmail.com,End User,End User
+test,test,test120@gmail.com,End User,End User
+test,test,test121@gmail.com,End User,End User
+test,test,test122@gmail.com,End User,End User
+test,test,test123@gmail.com,End User,End User
+test,test,test124@gmail.com,End User,End User
+test,test,test125@gmail.com,End User,End User
+test,test,test126@gmail.com,End User,End User
+test,test,test127@gmail.com,End User,End User
+test,test,test128@gmail.com,End User,End User
+test,test,test129@gmail.com,End User,End User
+test,test,test130@gmail.com,End User,End User
+test,test,test131@gmail.com,End User,End User
+test,test,test132@gmail.com,End User,End User
+test,test,test133@gmail.com,End User,End User
+test,test,test134@gmail.com,End User,End User
+test,test,test135@gmail.com,End User,End User
+test,test,test136@gmail.com,End User,End User
+test,test,test137@gmail.com,End User,End User
+test,test,test138@gmail.com,End User,End User
+test,test,test139@gmail.com,End User,End User
+test,test,test140@gmail.com,End User,End User
+test,test,test141@gmail.com,End User,End User
+test,test,test142@gmail.com,End User,End User
+test,test,test143@gmail.com,End User,End User
+test,test,test144@gmail.com,End User,End User
+test,test,test145@gmail.com,End User,End User
+test,test,test146@gmail.com,End User,End User
+test,test,test147@gmail.com,End User,End User
+test,test,test148@gmail.com,End User,End User
+test,test,test149@gmail.com,End User,End User
+test,test,test150@gmail.com,End User,End User
+test,test,test151@gmail.com,End User,End User
+test,test,test152@gmail.com,End User,End User
+test,test,test153@gmail.com,End User,End User
+test,test,test154@gmail.com,End User,End User
+test,test,test155@gmail.com,End User,End User
+test,test,test156@gmail.com,End User,End User
+test,test,test157@gmail.com,End User,End User
+test,test,test158@gmail.com,End User,End User
+test,test,test159@gmail.com,End User,End User
+test,test,test160@gmail.com,End User,End User
+test,test,test161@gmail.com,End User,End User
+test,test,test162@gmail.com,End User,End User
+test,test,test163@gmail.com,End User,End User
+test,test,test164@gmail.com,End User,End User
+test,test,test165@gmail.com,End User,End User
+test,test,test166@gmail.com,End User,End User
+test,test,test167@gmail.com,End User,End User
+test,test,test168@gmail.com,End User,End User
+test,test,test169@gmail.com,End User,End User
+test,test,test170@gmail.com,End User,End User
+test,test,test171@gmail.com,End User,End User
+test,test,test172@gmail.com,End User,End User
+test,test,test173@gmail.com,End User,End User
+test,test,test174@gmail.com,End User,End User
+test,test,test175@gmail.com,End User,End User
+test,test,test176@gmail.com,End User,End User
+test,test,test177@gmail.com,End User,End User
+test,test,test178@gmail.com,End User,End User
+test,test,test179@gmail.com,End User,End User
+test,test,test180@gmail.com,End User,End User
+test,test,test181@gmail.com,End User,End User
+test,test,test182@gmail.com,End User,End User
+test,test,test183@gmail.com,End User,End User
+test,test,test184@gmail.com,End User,End User
+test,test,test185@gmail.com,End User,End User
+test,test,test186@gmail.com,End User,End User
+test,test,test187@gmail.com,End User,End User
+test,test,test188@gmail.com,End User,End User
+test,test,test189@gmail.com,End User,End User
+test,test,test190@gmail.com,End User,End User
+test,test,test191@gmail.com,End User,End User
+test,test,test192@gmail.com,End User,End User
+test,test,test193@gmail.com,End User,End User
+test,test,test194@gmail.com,End User,End User
+test,test,test195@gmail.com,End User,End User
+test,test,test196@gmail.com,End User,End User
+test,test,test197@gmail.com,End User,End User
+test,test,test198@gmail.com,End User,End User
+test,test,test199@gmail.com,End User,End User
+test,test,test200@gmail.com,End User,End User
+test,test,test201@gmail.com,End User,End User
+test,test,test202@gmail.com,End User,End User
+test,test,test203@gmail.com,End User,End User
+test,test,test204@gmail.com,End User,End User
+test,test,test205@gmail.com,End User,End User
+test,test,test206@gmail.com,End User,End User
+test,test,test207@gmail.com,End User,End User
+test,test,test208@gmail.com,End User,End User
+test,test,test209@gmail.com,End User,End User
+test,test,test210@gmail.com,End User,End User
+test,test,test211@gmail.com,End User,End User
+test,test,test212@gmail.com,End User,End User
+test,test,test213@gmail.com,End User,End User
+test,test,test214@gmail.com,End User,End User
+test,test,test215@gmail.com,End User,End User
+test,test,test216@gmail.com,End User,End User
+test,test,test217@gmail.com,End User,End User
+test,test,test218@gmail.com,End User,End User
+test,test,test219@gmail.com,End User,End User
+test,test,test220@gmail.com,End User,End User
+test,test,test221@gmail.com,End User,End User
+test,test,test222@gmail.com,End User,End User
+test,test,test223@gmail.com,End User,End User
+test,test,test224@gmail.com,End User,End User
+test,test,test225@gmail.com,End User,End User
+test,test,test226@gmail.com,End User,End User
+test,test,test227@gmail.com,End User,End User
+test,test,test228@gmail.com,End User,End User
+test,test,test229@gmail.com,End User,End User
+test,test,test230@gmail.com,End User,End User
+test,test,test231@gmail.com,End User,End User
+test,test,test232@gmail.com,End User,End User
+test,test,test233@gmail.com,End User,End User
+test,test,test234@gmail.com,End User,End User
+test,test,test235@gmail.com,End User,End User
+test,test,test236@gmail.com,End User,End User
+test,test,test237@gmail.com,End User,End User
+test,test,test238@gmail.com,End User,End User
+test,test,test239@gmail.com,End User,End User
+test,test,test240@gmail.com,End User,End User
+test,test,test241@gmail.com,End User,End User
+test,test,test242@gmail.com,End User,End User
+test,test,test243@gmail.com,End User,End User
+test,test,test244@gmail.com,End User,End User
+test,test,test245@gmail.com,End User,End User
+test,test,test246@gmail.com,End User,End User
+test,test,test247@gmail.com,End User,End User
+test,test,test248@gmail.com,End User,End User
+test,test,test249@gmail.com,End User,End User
+test,test,test250@gmail.com,End User,End User
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/multiple_groups - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/multiple_groups - Sheet1.csv
index 20a08b8931..e35de511b1 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/multiple_groups - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/multiple_groups - Sheet1.csv	
@@ -1,7 +1,7 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@example.com,All Users|Admin|Test
-Test,Example,test13@example.com,All Users
-Test,Example,test14@example.com,All Users
-Test,Example,test15@example.com,All Users
-Test,Example,test16@example.com,All Users
-Test,Example,test17@example.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+Test,Example,test12@example.com,Admin,Admin|Builder
+Test,Example,test13@example.com,Buider,Buider|Test
+Test,Example,test14@example.com,End user,End user|Abc
+Test,Example,test15@example.com,End user,End user|Abc
+Test,Example,test16@example.com,End user,End user|Abc
+Test,Example,test17@example.com,End user,End user|Abc
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/non_existing_group -Sheet1 .csv b/cypress-tests/cypress/fixtures/bulkUser/non_existing_group -Sheet1 .csv
index 2f77412dbf..9de5b6cd9a 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/non_existing_group -Sheet1 .csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/non_existing_group -Sheet1 .csv	
@@ -1,251 +1,3 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@gmail.com,All Users|Test
-Test,Example,test13@gmail.com,All Users
-Test,Example,test14@gmail.com,All Users
-Test,Example,test15@gmail.com,All Users
-Test,Example,test16@gmail.com,All Users
-Test,Example,test17@gmail.com,All Users
-Test,Example,test18@gmail.com,All Users
-Test,Example,test19@gmail.com,All Users
-Test,Example,test20@gmail.com,All Users
-Test,Example,test21@gmail.com,All Users
-Test,Example,test22@gmail.com,All Users
-Test,Example,test23@gmail.com,All Users
-Test,Example,test24@gmail.com,All Users
-Test,Example,test25@gmail.com,All Users
-Test,Example,test26@gmail.com,All Users
-Test,Example,test27@gmail.com,All Users
-Test,Example,test28@gmail.com,All Users
-Test,Example,test29@gmail.com,All Users
-Test,Example,test30@gmail.com,All Users
-Test,Example,test31@gmail.com,All Users
-Test,Example,test32@gmail.com,All Users
-Test,Example,test33@gmail.com,All Users
-Test,Example,test34@gmail.com,All Users
-Test,Example,test35@gmail.com,All Users
-Test,Example,test36@gmail.com,All Users
-Test,Example,test37@gmail.com,All Users
-Test,Example,test38@gmail.com,All Users
-Test,Example,test39@gmail.com,All Users
-Test,Example,test40@gmail.com,All Users
-Test,Example,test41@gmail.com,All Users
-Test,Example,test42@gmail.com,All Users
-Test,Example,test43@gmail.com,All Users
-Test,Example,test44@gmail.com,All Users
-Test,Example,test45@gmail.com,All Users
-Test,Example,test46@gmail.com,All Users
-Test,Example,test47@gmail.com,All Users
-Test,Example,test48@gmail.com,All Users
-Test,Example,test49@gmail.com,All Users
-Test,Example,test50@gmail.com,All Users
-Test,Example,test51@gmail.com,All Users
-Test,Example,test52@gmail.com,All Users
-Test,Example,test53@gmail.com,All Users
-Test,Example,test54@gmail.com,All Users
-Test,Example,test55@gmail.com,All Users
-Test,Example,test56@gmail.com,All Users
-Test,Example,test57@gmail.com,All Users
-Test,Example,test58@gmail.com,All Users
-Test,Example,test59@gmail.com,All Users
-Test,Example,test60@gmail.com,All Users
-Test,Example,test61@gmail.com,All Users
-Test,Example,test62@gmail.com,All Users
-Test,Example,test63@gmail.com,All Users
-Test,Example,test64@gmail.com,All Users
-Test,Example,test65@gmail.com,All Users
-Test,Example,test66@gmail.com,All Users
-Test,Example,test67@gmail.com,All Users
-Test,Example,test68@gmail.com,All Users
-Test,Example,test69@gmail.com,All Users
-Test,Example,test70@gmail.com,All Users
-Test,Example,test71@gmail.com,All Users
-Test,Example,test72@gmail.com,All Users
-Test,Example,test73@gmail.com,All Users
-Test,Example,test74@gmail.com,All Users
-Test,Example,test75@gmail.com,All Users
-Test,Example,test76@gmail.com,All Users
-Test,Example,test77@gmail.com,All Users
-Test,Example,test78@gmail.com,All Users
-Test,Example,test79@gmail.com,All Users
-Test,Example,test80@gmail.com,All Users
-Test,Example,test81@gmail.com,All Users
-Test,Example,test82@gmail.com,All Users
-Test,Example,test83@gmail.com,All Users
-Test,Example,test84@gmail.com,All Users
-Test,Example,test85@gmail.com,All Users
-Test,Example,test86@gmail.com,All Users
-Test,Example,test87@gmail.com,All Users
-Test,Example,test88@gmail.com,All Users
-Test,Example,test89@gmail.com,All Users
-Test,Example,test90@gmail.com,All Users
-Test,Example,test91@gmail.com,All Users
-Test,Example,test92@gmail.com,All Users
-Test,Example,test93@gmail.com,All Users
-Test,Example,test94@gmail.com,All Users
-Test,Example,test95@gmail.com,All Users
-Test,Example,test96@gmail.com,All Users
-Test,Example,test97@gmail.com,All Users
-Test,Example,test98@gmail.com,All Users
-Test,Example,test99@gmail.com,All Users
-Test,Example,test100@gmail.com,All Users
-Test,Example,test101@gmail.com,All Users
-Test,Example,test102@gmail.com,All Users
-Test,Example,test103@gmail.com,All Users
-Test,Example,test104@gmail.com,All Users
-Test,Example,test105@gmail.com,All Users
-Test,Example,test106@gmail.com,All Users
-Test,Example,test107@gmail.com,All Users
-Test,Example,test108@gmail.com,All Users
-Test,Example,test109@gmail.com,All Users
-Test,Example,test110@gmail.com,All Users
-Test,Example,test111@gmail.com,All Users
-Test,Example,test112@gmail.com,All Users
-Test,Example,test113@gmail.com,All Users
-Test,Example,test114@gmail.com,All Users
-Test,Example,test115@gmail.com,All Users
-Test,Example,test116@gmail.com,All Users
-Test,Example,test117@gmail.com,All Users
-Test,Example,test118@gmail.com,All Users
-Test,Example,test119@gmail.com,All Users
-Test,Example,test120@gmail.com,All Users
-Test,Example,test121@gmail.com,All Users
-Test,Example,test122@gmail.com,All Users
-Test,Example,test123@gmail.com,All Users
-Test,Example,test124@gmail.com,All Users
-Test,Example,test125@gmail.com,All Users
-Test,Example,test126@gmail.com,All Users
-Test,Example,test127@gmail.com,All Users
-Test,Example,test128@gmail.com,All Users
-Test,Example,test129@gmail.com,All Users
-Test,Example,test130@gmail.com,All Users
-Test,Example,test131@gmail.com,All Users
-Test,Example,test132@gmail.com,All Users
-Test,Example,test133@gmail.com,All Users
-Test,Example,test134@gmail.com,All Users
-Test,Example,test135@gmail.com,All Users
-Test,Example,test136@gmail.com,All Users
-Test,Example,test137@gmail.com,All Users
-Test,Example,test138@gmail.com,All Users
-Test,Example,test139@gmail.com,All Users
-Test,Example,test140@gmail.com,All Users
-Test,Example,test141@gmail.com,All Users
-Test,Example,test142@gmail.com,All Users
-Test,Example,test143@gmail.com,All Users
-Test,Example,test144@gmail.com,All Users
-Test,Example,test145@gmail.com,All Users
-Test,Example,test146@gmail.com,All Users
-Test,Example,test147@gmail.com,All Users
-Test,Example,test148@gmail.com,All Users
-Test,Example,test149@gmail.com,All Users
-Test,Example,test150@gmail.com,All Users
-Test,Example,test151@gmail.com,All Users
-Test,Example,test152@gmail.com,All Users
-Test,Example,test153@gmail.com,All Users
-Test,Example,test154@gmail.com,All Users
-Test,Example,test155@gmail.com,All Users
-Test,Example,test156@gmail.com,All Users
-Test,Example,test157@gmail.com,All Users
-Test,Example,test158@gmail.com,All Users
-Test,Example,test159@gmail.com,All Users
-Test,Example,test160@gmail.com,All Users
-Test,Example,test161@gmail.com,All Users
-Test,Example,test162@gmail.com,All Users
-Test,Example,test163@gmail.com,All Users
-Test,Example,test164@gmail.com,All Users
-Test,Example,test165@gmail.com,All Users
-Test,Example,test166@gmail.com,All Users
-Test,Example,test167@gmail.com,All Users
-Test,Example,test168@gmail.com,All Users
-Test,Example,test169@gmail.com,All Users
-Test,Example,test170@gmail.com,All Users
-Test,Example,test171@gmail.com,All Users
-Test,Example,test172@gmail.com,All Users
-Test,Example,test173@gmail.com,All Users
-Test,Example,test174@gmail.com,All Users
-Test,Example,test175@gmail.com,All Users
-Test,Example,test176@gmail.com,All Users
-Test,Example,test177@gmail.com,All Users
-Test,Example,test178@gmail.com,All Users
-Test,Example,test179@gmail.com,All Users
-Test,Example,test180@gmail.com,All Users
-Test,Example,test181@gmail.com,All Users
-Test,Example,test182@gmail.com,All Users
-Test,Example,test183@gmail.com,All Users
-Test,Example,test184@gmail.com,All Users
-Test,Example,test185@gmail.com,All Users
-Test,Example,test186@gmail.com,All Users
-Test,Example,test187@gmail.com,All Users
-Test,Example,test188@gmail.com,All Users
-Test,Example,test189@gmail.com,All Users
-Test,Example,test190@gmail.com,All Users
-Test,Example,test191@gmail.com,All Users
-Test,Example,test192@gmail.com,All Users
-Test,Example,test193@gmail.com,All Users
-Test,Example,test194@gmail.com,All Users
-Test,Example,test195@gmail.com,All Users
-Test,Example,test196@gmail.com,All Users
-Test,Example,test197@gmail.com,All Users
-Test,Example,test198@gmail.com,All Users
-Test,Example,test199@gmail.com,All Users
-Test,Example,test200@gmail.com,All Users
-Test,Example,test201@gmail.com,All Users
-Test,Example,test202@gmail.com,All Users
-Test,Example,test203@gmail.com,All Users
-Test,Example,test204@gmail.com,All Users
-Test,Example,test205@gmail.com,All Users
-Test,Example,test206@gmail.com,All Users
-Test,Example,test207@gmail.com,All Users
-Test,Example,test208@gmail.com,All Users
-Test,Example,test209@gmail.com,All Users
-Test,Example,test210@gmail.com,All Users
-Test,Example,test211@gmail.com,All Users
-Test,Example,test212@gmail.com,All Users
-Test,Example,test213@gmail.com,All Users
-Test,Example,test214@gmail.com,All Users
-Test,Example,test215@gmail.com,All Users
-Test,Example,test216@gmail.com,All Users
-Test,Example,test217@gmail.com,All Users
-Test,Example,test218@gmail.com,All Users
-Test,Example,test219@gmail.com,All Users
-Test,Example,test220@gmail.com,All Users
-Test,Example,test221@gmail.com,All Users
-Test,Example,test222@gmail.com,All Users
-Test,Example,test223@gmail.com,All Users
-Test,Example,test224@gmail.com,All Users
-Test,Example,test225@gmail.com,All Users
-Test,Example,test226@gmail.com,All Users
-Test,Example,test227@gmail.com,All Users
-Test,Example,test228@gmail.com,All Users
-Test,Example,test229@gmail.com,All Users
-Test,Example,test230@gmail.com,All Users
-Test,Example,test231@gmail.com,All Users
-Test,Example,test232@gmail.com,All Users
-Test,Example,test233@gmail.com,All Users
-Test,Example,test234@gmail.com,All Users
-Test,Example,test235@gmail.com,All Users
-Test,Example,test236@gmail.com,All Users
-Test,Example,test237@gmail.com,All Users
-Test,Example,test238@gmail.com,All Users
-Test,Example,test239@gmail.com,All Users
-Test,Example,test240@gmail.com,All Users
-Test,Example,test241@gmail.com,All Users
-Test,Example,test242@gmail.com,All Users
-Test,Example,test243@gmail.com,All Users
-Test,Example,test244@gmail.com,All Users
-Test,Example,test245@gmail.com,All Users
-Test,Example,test246@gmail.com,All Users
-Test,Example,test247@gmail.com,All Users
-Test,Example,test248@gmail.com,All Users
-Test,Example,test249@gmail.com,All Users
-Test,Example,test250@gmail.com,All Users
-Test,Example,test251@gmail.com,All Users
-Test,Example,test252@gmail.com,All Users
-Test,Example,test253@gmail.com,All Users
-Test,Example,test254@gmail.com,All Users
-Test,Example,test255@gmail.com,All Users
-Test,Example,test256@gmail.com,All Users
-Test,Example,test257@gmail.com,All Users
-Test,Example,test258@gmail.com,All Users
-Test,Example,test259@gmail.com,All Users
-Test,Example,test260@gmail.com,All Users
-Test,Example,test261@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+test,test,demo1@gmail.com,Admin,test
+test,test,demo2@gmail.com,Builder,abc
diff --git a/cypress-tests/cypress/fixtures/bulkUser/same_email - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/same_email - Sheet1.csv
index 6174d94374..2537cc16f7 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/same_email - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/same_email - Sheet1.csv	
@@ -1,6 +1,4 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@gmail.com,All Users
-Test,Example,test12@gmail.com,All Users
-Test,Example,test14@gmail.com,All Users
-Test,Example,test14@gmail.com,All Users
-Test,Example,test16@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+test,test,demo11@gmail.com,Admin,
+test,test,demo11@gmail.com,Builder,
+test,test,demo12@gmail.com,Builder,
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_email - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_email - Sheet1.csv
index c6e364c363..834aba042d 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/without_email - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/without_email - Sheet1.csv	
@@ -1,12 +1,11 @@
-First Name,Last Name,Email,Groups
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
-Test,Example,,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+test,test,,Admin,Admin
+test,test,,Builder,Builder
+test,test,,Builder,Builder
+test,test,,End User,End User
+test,test,,End User,End User
+test,test,,End User,End User
+test,test,,End User,End User
+test,test,,End User,End User
+test,test,,End User,End User
+test,test,,End User,End User
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_firstname - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_firstname - Sheet1.csv
deleted file mode 100644
index c67c527082..0000000000
--- a/cypress-tests/cypress/fixtures/bulkUser/without_firstname - Sheet1.csv	
+++ /dev/null
@@ -1,6 +0,0 @@
-First Name,Last Name,Email,Groups
-,Example,test12withoutfirstname@gmail.com,All Users
-,Example,test13withoutfirstname@gmail.com,All Users
-,Example,test14withoutfirstname@gmail.com,All Users
-,Example,test15withoutfirstname@gmail.com,All Users
-,Example,test16withoutfirstname@gmail.com,All Users
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_group - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_group - Sheet1.csv
deleted file mode 100644
index 7f779dbf8e..0000000000
--- a/cypress-tests/cypress/fixtures/bulkUser/without_group - Sheet1.csv	
+++ /dev/null
@@ -1,6 +0,0 @@
-First Name,Last Name,Email,Groups
-Test,Example,test12@gmail.com,
-Test,Example,test13@gmail.com,
-Test,Example,test14@gmail.com,
-Test,Example,test15@gmail.com,
-Test,Example,test16@gmail.com,
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_lastname - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_lastname - Sheet1.csv
deleted file mode 100644
index 4cfc7cbf34..0000000000
--- a/cypress-tests/cypress/fixtures/bulkUser/without_lastname - Sheet1.csv	
+++ /dev/null
@@ -1,6 +0,0 @@
-First Name,Last Name,Email,Groups
-Test,,test12withoutlastname@gmail.com,All Users
-Test,,test13withoutlastname@gmail.com,All Users
-Test,,test14withoutlastname@gmail.com,All Users
-Test,,test15withoutlastname@gmail.com,All Users
-Test,,test16withoutlastname@gmail.com,All Users
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_name - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_name - Sheet1.csv
index dc73e9b377..5db5b53489 100644
--- a/cypress-tests/cypress/fixtures/bulkUser/without_name - Sheet1.csv	
+++ b/cypress-tests/cypress/fixtures/bulkUser/without_name - Sheet1.csv	
@@ -1,12 +1,11 @@
-First Name,Last Name,Email,Groups
-,,test12@gmail.com,All Users
-,,test13@gmail.com,All Users
-,,test14@gmail.com,All Users
-,,test15@gmail.com,All Users
-,,test16@gmail.com,All Users
-,,test17@gmail.com,All Users
-,,test18@gmail.com,All Users
-,,test19@gmail.com,All Users
-,,test20@gmail.com,All Users
-,,test21@gmail.com,All Users
-,,test22@gmail.com,All Users
\ No newline at end of file
+First Name,Last Name,Email,User Role,Group
+,,withoutname1@gmail.com,Admin,Admin
+,,withoutname2@gmail.com,Builder,Builder
+,,withoutname3@gmail.com,Builder,Builder
+,,withoutname4@gmail.com,End User,End User
+,,withoutname5@gmail.com,End User,End User
+,,withoutname6@gmail.com,End User,End User
+,,withoutname7@gmail.com,End User,End User
+,,withoutname8@gmail.com,End User,End User
+,,withoutname9@gmail.com,End User,End User
+,,withoutname10@gmail.com,End User,End User
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/bulkUser/without_role - Sheet1.csv b/cypress-tests/cypress/fixtures/bulkUser/without_role - Sheet1.csv
new file mode 100644
index 0000000000..63fbe2c2ae
--- /dev/null
+++ b/cypress-tests/cypress/fixtures/bulkUser/without_role - Sheet1.csv	
@@ -0,0 +1,6 @@
+First Name,Last Name,Email,User Role,Group
+Test,Example,test12@gmail.com,,
+Test,Example,test13@gmail.com,,
+Test,Example,test14@gmail.com,,
+Test,Example,test15@gmail.com,,
+Test,Example,test16@gmail.com,,
\ No newline at end of file
diff --git a/cypress-tests/cypress/fixtures/inspectorItems.json b/cypress-tests/cypress/fixtures/inspectorItems.json
new file mode 100644
index 0000000000..b532b6b38a
--- /dev/null
+++ b/cypress-tests/cypress/fixtures/inspectorItems.json
@@ -0,0 +1,32 @@
+{
+  "globalsNodes": [
+    { "key": "theme", "type": "Object", "value": "1 entry " },
+    { "key": "urlparams", "type": "Object", "value": "1 entry " },
+    { "key": "currentUser", "type": "Object", "value": "8 entries " }
+  ],
+  "componentsNodes": [
+    { "key": "button1", "type": "Object", "value": "13 entries " },
+    { "key": "button2", "type": "Object", "value": "13 entries " },
+    { "key": "button3", "type": "Object", "value": "13 entries " }
+  ],
+  "pageNodes": [
+    { "key": "handle", "type": "String", "value": "\"home\"" },
+    { "key": "name", "type": "String", "value": "\"Home\"" }
+  ],
+  "testPageNodes": [
+    { "key": "handle", "type": "String", "value": "\"test-page\"" },
+    { "key": "name", "type": "String", "value": "\"test_page\"" }
+  ],
+  "currentUserNodes": [
+    { "key": "email", "type": "String", "value": "\"dev@tooljet.io\"" },
+    { "key": "firstName", "type": "String", "value": "\"The\"" },
+    { "key": "lastName", "type": "String", "value": "\"Developer\"" },
+    { "key": "role", "type": "String", "value": "\"admin\"" }
+  ],
+  "themeNodes": [{ "key": "name", "type": "String", "value": "\"light\"" }],
+  "modeNodes": [{ "key": "value", "type": "String", "value": "\"edit\"" }],
+  "urlparamsNode": [{ "key": "key", "type": "String", "value": "\"value\"" }],
+  "variablesNodes": [
+    { "key": "globalVar", "type": "String", "value": "\"globalVar\"" }
+  ]
+}
diff --git a/cypress-tests/cypress/support/e2e.js b/cypress-tests/cypress/support/e2e.js
index 5a6aa1dd32..ed0270fb78 100644
--- a/cypress-tests/cypress/support/e2e.js
+++ b/cypress-tests/cypress/support/e2e.js
@@ -24,3 +24,10 @@ import "@cypress/code-coverage/support";
 Cypress.on("uncaught:exception", (err, runnable) => {
   return false;
 });
+
+beforeEach(() => {
+  if (Cypress.env("deployment") === "proxy") {
+    cy.visit("/");
+    cy.get("button").contains("Visit Site").click();
+  }
+});
diff --git a/cypress-tests/cypress/support/utils/commonWidget.js b/cypress-tests/cypress/support/utils/commonWidget.js
index 830b4e2c65..c48cd18917 100644
--- a/cypress-tests/cypress/support/utils/commonWidget.js
+++ b/cypress-tests/cypress/support/utils/commonWidget.js
@@ -31,9 +31,7 @@ export const verifyAndModifyParameter = (paramName, value) => {
 export const openEditorSidebar = (widgetName = "") => {
   cy.hideTooltip();
 
-  cy.get(`${commonWidgetSelector.draggableWidget(widgetName)}:eq(0)`).trigger(
-    "mouseover"
-  );
+  cy.get(`${commonWidgetSelector.draggableWidget(widgetName)}:eq(0)`).realHover()
   cy.get(commonWidgetSelector.widgetConfigHandle(widgetName)).click();
 };
 
@@ -195,8 +193,7 @@ export const verifyBoxShadowCss = (
   ).should(
     "have.css",
     "box-shadow",
-    `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3] / 100}) ${
-      shadowParam[0]
+    `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3] / 100}) ${shadowParam[0]
     }px ${shadowParam[1]}px ${shadowParam[2]}px ${shadowParam[3]}px`
   );
 };
@@ -285,8 +282,7 @@ export const verifyLoaderColor = (widgetName, color) => {
     .then((style) => {
       const loaderColor = style.split(" ").join("");
       expect(loaderColor).to.include(
-        `--loader-color:rgba(${color[0]},${color[1]},${color[2]},${
-          color[3] / 100
+        `--loader-color:rgba(${color[0]},${color[1]},${color[2]},${color[3] / 100
         })`
       );
     });
diff --git a/cypress-tests/cypress/support/utils/dashboard.js b/cypress-tests/cypress/support/utils/dashboard.js
index d23984a9fe..fd819280fd 100644
--- a/cypress-tests/cypress/support/utils/dashboard.js
+++ b/cypress-tests/cypress/support/utils/dashboard.js
@@ -11,9 +11,9 @@ import {
 
 export const login = () => {
   cy.visit("/");
-  cy.clearAndType(commonSelectors.workEmailInputField, "dev@tooljet.io");
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
-  cy.get(commonSelectors.loginButton).click();
+  cy.clearAndType(onboardingSelectors.loginEmailInput, "dev@tooljet.io");
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+  cy.get(onboardingSelectors.signInButton).click();
 };
 
 export const modifyAndVerifyAppCardIcon = (appName) => {
diff --git a/cypress-tests/cypress/support/utils/dataSource.js b/cypress-tests/cypress/support/utils/dataSource.js
index a79f968b9c..6e411ab7f7 100644
--- a/cypress-tests/cypress/support/utils/dataSource.js
+++ b/cypress-tests/cypress/support/utils/dataSource.js
@@ -79,7 +79,7 @@ export const addQueryN = (queryName, query, dbName) => {
       cy.clearAndType('[data-cy="gds-querymanager-search-bar"]', `${dbName}`);
     }
   });
-  cy.intercept("POST", "http://localhost:3000/api/data_queries").as(
+  cy.intercept("POST", "/api/data_queries").as(
     "createQuery"
   );
 
@@ -98,7 +98,7 @@ export const addQueryN = (queryName, query, dbName) => {
 export const addQuery = (queryName, query, dbName) => {
   cy.get('[data-cy="show-ds-popover-button"]').click();
   cy.get(".css-1rrkggf-Input").type(`${dbName}`);
-  cy.intercept("POST", "http://localhost:3000/api/data_queries").as(
+  cy.intercept("POST", "/api/data_queries").as(
     "createQuery"
   );
   cy.contains(`[id*="react-select-"]`, dbName).click();
@@ -116,7 +116,7 @@ export const addQuery = (queryName, query, dbName) => {
 export const addQueryAndOpenEditor = (queryName, query, dbName, appName) => {
   cy.get('[data-cy="show-ds-popover-button"]').click();
   cy.get(".css-1rrkggf-Input").type(`${dbName}`);
-  cy.intercept("POST", "http://localhost:3000/api/data_queries").as(
+  cy.intercept("POST", "/api/data_queries").as(
     "createQuery"
   );
   cy.contains(`[id*="react-select-"]`, dbName).click();
@@ -181,7 +181,7 @@ export const createDataQuery = (appName, url, key, value) => {
 
         cy.request({
           method: "POST",
-          url: "http://localhost:3000/api/data_queries",
+          url: `${Cypress.env("server_host")}/api/data_queries`,
           headers: headers,
           body: {
             app_id: appId,
@@ -241,7 +241,7 @@ export const createrestAPIQuery = (data) => {
     };
     cy.request({
       method: "POST",
-      url: "http://localhost:3000/api/data_queries",
+      url: `${Cypress.env("server_host")}/api/data_queries`,
       headers: headers,
       body: requestBody,
     }).then((response) => {
diff --git a/cypress-tests/cypress/support/utils/editor/codehinter.js b/cypress-tests/cypress/support/utils/editor/codehinter.js
new file mode 100644
index 0000000000..83b86984d9
--- /dev/null
+++ b/cypress-tests/cypress/support/utils/editor/codehinter.js
@@ -0,0 +1,20 @@
+import { commonSelectors, commonWidgetSelector } from "Selectors/common";
+import {
+    openEditorSidebar,
+} from "Support/utils/commonWidget";
+
+export const addAndVerifyOnSingleLine = (data, property = '', componentName = 'text1',) => {
+    cy.intercept("PUT", "/api/v2/apps/**/*").as("editorAPI");
+    cy.get(
+        commonWidgetSelector.parameterInputField(property)
+    ).clearAndTypeOnCodeMirror(data)
+    cy.forceClickOnCanvas()
+    cy.wait("@editorAPI");
+    openEditorSidebar(componentName)
+    cy.get(
+        commonWidgetSelector.parameterInputField(property)
+    )
+        .realClick()
+        .find(".cm-line")
+        .invoke("text").should("equals", data)
+};
\ No newline at end of file
diff --git a/cypress-tests/cypress/support/utils/events.js b/cypress-tests/cypress/support/utils/events.js
index 7f4776e766..5f17b0dd63 100644
--- a/cypress-tests/cypress/support/utils/events.js
+++ b/cypress-tests/cypress/support/utils/events.js
@@ -12,13 +12,13 @@ export const selectEvent = (
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${event}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
 
   cy.get('[data-cy="action-selection"]')
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${action}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
   cy.wait("@events");
 };
 
@@ -32,28 +32,28 @@ export const selectCSA = (
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${component}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
 
   cy.get('[data-cy="action-options-action-selection-field"]')
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${componentAction}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
 
   cy.wait("@events");
   cy.get('[data-cy="debounce-input-field"]')
     .click()
     .type(`{selectAll}{backspace}${debounce}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
   cy.wait("@events");
 };
 
 export const addSupportCSAData = (field, data) => {
   cy.intercept("PUT", "events").as("events");
-  cy.get(`[data-cy="event-${field}-input-field"]`)
+  cy.get(`[data-cy="${field}-input-field"]`)
     .click({ force: true })
     .clearAndTypeOnCodeMirror(data);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
 };
 
 export const selectSupportCSAData = (option) => {
@@ -63,7 +63,7 @@ export const selectSupportCSAData = (option) => {
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${option}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
   cy.wait("@events");
 };
 
@@ -74,6 +74,6 @@ export const changeEventType = (event, eventIndex = 0) => {
     .click()
     .find("input")
     .type(`{selectAll}{backspace}${event}{enter}`);
-    cy.get('[data-cy="event-label"]').click({force:true})
+  cy.get('[data-cy="event-label"]').click({ force: true })
   cy.wait("@events");
 };
diff --git a/cypress-tests/cypress/support/utils/inspector.js b/cypress-tests/cypress/support/utils/inspector.js
index 3a77d8be5e..dbb15249d6 100644
--- a/cypress-tests/cypress/support/utils/inspector.js
+++ b/cypress-tests/cypress/support/utils/inspector.js
@@ -34,8 +34,7 @@ export const verifyValue = (node, type, children, index = 0) => {
 };
 export const deleteComponentFromInspector = (node) => {
   cy.get('[data-cy="inspector-node-components"] > .node-key').click();
-  cy.get(`[data-cy="inspector-node-${node}"] > .node-key`).click();
-  cy.get('[style="height: 13px; width: 13px;"] > img').click();
+  cy.get(`[data-cy="inspector-node-${node}"] > .node-key`).realHover().parent().find('[style="height: 13px; width: 13px;"] > img').click();
 };
 
 export const verifyfunctions = (node, type, index = 0) => {
@@ -50,3 +49,12 @@ export const verifyfunctions = (node, type, index = 0) => {
   //   .eq(index)
   //   .verifyVisibleElement("contain.text", type);
 };
+
+export const verifyNodes = (nodes, verificationFunction) => {
+  nodes.forEach(node => verificationFunction(node.key, node.type, node.value));
+};
+
+export const openAndVerifyNode = (nodeName, nodes, verificationFunction) => {
+  openNode(nodeName);
+  verifyNodes(nodes, verificationFunction);
+};
\ No newline at end of file
diff --git a/cypress-tests/cypress/support/utils/manageGroups.js b/cypress-tests/cypress/support/utils/manageGroups.js
index c31a57c0f1..487010780c 100644
--- a/cypress-tests/cypress/support/utils/manageGroups.js
+++ b/cypress-tests/cypress/support/utils/manageGroups.js
@@ -564,7 +564,7 @@ export const addUserToGroup = (groupName, email) => {
 };
 
 export const createGroupAddAppAndUserToGroup = (groupName, email) => {
-  cy.intercept("GET", "http://localhost:3000/api/group_permissions").as(
+  cy.intercept("GET", "/api/group_permissions").as(
     `${groupName}`
   );
   createGroup(groupName);
@@ -582,7 +582,7 @@ export const createGroupAddAppAndUserToGroup = (groupName, email) => {
 
       cy.request({
         method: "PUT",
-        url: `http://localhost:3000/api/group_permissions/${groupId}`,
+        url: `${Cypress.env("server_host")}/api/group_permissions/${groupId}`,
         headers: headers,
         body: { add_apps: [Cypress.env("appId")] },
       }).then((patchResponse) => {
@@ -597,7 +597,7 @@ export const createGroupAddAppAndUserToGroup = (groupName, email) => {
 
         cy.request({
           method: "PUT",
-          url: `http://localhost:3000/api/group_permissions/${groupId}`,
+          url: `${Cypress.env("server_host")}/api/group_permissions/${groupId}`,
           headers: headers,
           body: { add_users: [userId] },
         }).then((patchResponse) => {
diff --git a/cypress-tests/cypress/support/utils/manageSSO.js b/cypress-tests/cypress/support/utils/manageSSO.js
index ba77205619..971a3c10d9 100644
--- a/cypress-tests/cypress/support/utils/manageSSO.js
+++ b/cypress-tests/cypress/support/utils/manageSSO.js
@@ -56,12 +56,9 @@ export const generalSettings = () => {
 
 export const googleSSOPageElements = () => {
   cy.get(ssoSelector.googleEnableToggle).click();
+  cy.wait(5000);
   cy.get(ssoSelector.saveButton).eq(1).click();
-
-  cy.get('[data-cy="modal-title"]').verifyVisibleElement(
-    "have.text",
-    "Enable Google"
-  );
+  cy.wait(2000);
   cy.get('[data-cy="modal-close-button"]').should("be.visible");
   cy.get('[data-cy="modal-message"]').verifyVisibleElement(
     "have.text",
@@ -235,18 +232,18 @@ export const workspaceLoginPageElements = (workspaceName) => {
 };
 
 export const passwordLoginVisible = () => {
-  cy.get(commonSelectors.workEmailInputField).should("be.visible");
-  cy.get(commonSelectors.passwordInputField).should("be.visible");
-  cy.get(commonSelectors.loginButton).verifyVisibleElement(
+  cy.get(onboardingSelectors.loginEmailInput).should("be.visible");
+  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
+  cy.get(onboardingSelectors.signInButton).verifyVisibleElement(
     "have.text",
     commonText.loginButton
   );
 };
 
 export const workspaceLogin = (workspaceName) => {
-  cy.clearAndType(commonSelectors.workEmailInputField, "dev@tooljet.io");
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
-  cy.get(commonSelectors.loginButton).click();
+  cy.clearAndType(onboardingSelectors.loginEmailInput, "dev@tooljet.io");
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
+  cy.get(onboardingSelectors.signInButton).click();
   cy.wait(2000);
   cy.get(commonSelectors.homePageLogo).should("be.visible");
   cy.get(commonSelectors.workspaceName).verifyVisibleElement(
@@ -295,13 +292,13 @@ export const signInPageElements = () => {
     "have.text",
     commonText.forgotPasswordLink
   );
-  cy.get(commonSelectors.loginButton).verifyVisibleElement(
+  cy.get(onboardingSelectors.signInButton).verifyVisibleElement(
     "have.text",
     commonText.loginButton
   );
 
-  cy.get(commonSelectors.workEmailInputField).should("be.visible");
-  cy.get(commonSelectors.passwordInputField).should("be.visible");
+  cy.get(onboardingSelectors.loginEmailInput).should("be.visible");
+  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
 
   cy.get("body").then(($el) => {
     if ($el.text().includes("Google")) {
@@ -477,7 +474,7 @@ export const invitePageElements = () => {
     "have.text",
     commonText.passwordLabel
   );
-  cy.get(commonSelectors.passwordInputField).should("be.visible");
+  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
   cy.get(commonSelectors.acceptInviteButton).verifyVisibleElement(
     "have.text",
     commonText.acceptInviteButton
@@ -538,7 +535,7 @@ export const defaultSSO = (enable) => {
     cy.request(
       {
         method: "PATCH",
-        url: "http://localhost:3000/api/organizations",
+        url: `${Cypress.env("server_host")}/api/organizations`,
         headers: {
           "Tj-Workspace-Id": Cypress.env("workspaceId"),
           Cookie: `tj_auth_token=${cookie.value}`,
@@ -562,7 +559,7 @@ export const setSignupStatus = (enable, workspaceName = 'My workspace') => {
     cy.getCookie("tj_auth_token").then((cookie) => {
       cy.request({
         method: "PATCH",
-        url: "http://localhost:3000/api/organizations",
+        url: `${Cypress.env("server_host")}/api/organizations`,
         headers: {
           "Tj-Workspace-Id": workspaceId,
           Cookie: `tj_auth_token=${cookie.value}`,
@@ -598,7 +595,7 @@ export const resetDomain = () => {
     cy.request(
       {
         method: "PATCH",
-        url: "http://localhost:3000/api/organizations",
+        url: `${Cypress.env("server_host")}/api/organizations`,
         headers: {
           "Tj-Workspace-Id": Cypress.env("workspaceId"),
           Cookie: `tj_auth_token=${cookie.value}`,
diff --git a/cypress-tests/cypress/support/utils/manageUsers.js b/cypress-tests/cypress/support/utils/manageUsers.js
index 9bfc404d1b..1cd5cda938 100644
--- a/cypress-tests/cypress/support/utils/manageUsers.js
+++ b/cypress-tests/cypress/support/utils/manageUsers.js
@@ -6,6 +6,8 @@ import { ssoSelector } from "Selectors/manageSSO";
 import { ssoText } from "Texts/manageSSO";
 import * as common from "Support/utils/common";
 import { commonText } from "Texts/common";
+import { onboardingSelectors } from "Selectors/onboarding";
+
 
 export const manageUsersElements = () => {
   cy.get(commonSelectors.breadcrumbTitle).should(($el) => {
@@ -150,19 +152,19 @@ export const manageUsersElements = () => {
 export const inviteUser = (firstName, email) => {
   cy.userInviteApi(firstName, email);
   fetchAndVisitInviteLink(email);
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
   cy.get(commonSelectors.acceptInviteButton).click();
 };
 
 export const confirmInviteElements = (email) => {
 
-  cy.get(commonSelectors.SignUpSectionHeader).verifyVisibleElement(
+  cy.get(commonSelectors.signUpSectionHeader).verifyVisibleElement(
     "have.text", "Sign up");
-  cy.get('[data-cy="workspace-signup-header"]').verifyVisibleElement(
-    "have.text", "Sign up to the workspace - My workspace");
+  cy.get('[data-cy="signup-info"]').verifyVisibleElement(
+    "have.text", "Sign up to the workspace - My workspace. ");
 
-  cy.verifyLabel("Email")
-  cy.verifyLabel("Create a password")
+  // cy.verifyLabel("Email")
+  // cy.verifyLabel("Create a password")
   cy.get(commonSelectors.invitedUserEmail).verifyVisibleElement(
     "have.text", email);
 
@@ -215,7 +217,19 @@ export const bulkUserUpload = (file, fileName, toastMessage) => {
     .should("be.visible")
     .and("have.text", toastMessage);
   cy.get(usersSelector.toastCloseButton).click();
+  cy.wait(200);
+};
 
+export const bulkUserUploadDuplicate = (file, fileName, toastMessage) => {
+  cy.get(usersSelector.inputFieldBulkUpload).selectFile(file, {
+    force: true,
+  });
+  cy.get(usersSelector.uploadedFileData).should("contain", fileName);
+  cy.get(usersSelector.buttonUploadUsers).click();
+  cy.get(commonSelectors.modalMessage)
+    .should("be.visible")
+    .and("have.text", toastMessage);
+  cy.get(usersSelector.modalClose).click();
   cy.wait(200);
 };
 
@@ -242,8 +256,8 @@ export const copyInvitationLink = (firstName, email) => {
 
 export const fillUserInviteForm = (firstName, email) => {
   cy.get(usersSelector.buttonAddUsers).click();
-  cy.clearAndType(commonSelectors.inputFieldFullName, firstName);
-  cy.clearAndType(commonSelectors.inputFieldEmailAddress, email);
+  cy.clearAndType(onboardingSelectors.nameInput, firstName);
+  cy.clearAndType(onboardingSelectors.signupEmailInput, email);
 };
 
 export const selectUserGroup = (groupName) => {
@@ -293,7 +307,8 @@ export const inviteUserWithUserGroups = (
 
   cy.wait(1000);
   fetchAndVisitInviteLink(email);
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
+  cy.wait(2000);
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
   // cy.intercept('GET', '/api/organizations').as('org')
   cy.get(commonSelectors.signUpButton).click();
   cy.wait(2000);
@@ -372,7 +387,7 @@ export const inviteUserWithUserRole = (
 
   cy.wait(1000);
   fetchAndVisitInviteLink(email);
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
   cy.get(commonSelectors.signUpButton).click();
   cy.wait(2000);
   cy.get(commonSelectors.acceptInviteButton).click();
diff --git a/cypress-tests/cypress/support/utils/onboarding.js b/cypress-tests/cypress/support/utils/onboarding.js
index ca04e906e9..235b750fb0 100644
--- a/cypress-tests/cypress/support/utils/onboarding.js
+++ b/cypress-tests/cypress/support/utils/onboarding.js
@@ -8,11 +8,12 @@ import {
 import { navigateToManageUsers, logout } from "Support/utils/common";
 import { ssoSelector } from "Selectors/manageSSO";
 import { ssoText } from "Texts/manageSSO";
+import { onboardingSelectors } from "Selectors/onboarding";
+
 
 export const verifyConfirmEmailPage = (email) => {
   cy.get(commonSelectors.pageLogo).should("be.visible");
-  cy.get(commonSelectors.emailImage).should("be.visible");
-  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
+  cy.get('[data-cy="check-your-mail-header"]').verifyVisibleElement(
     "have.text",
     commonText.emailPageHeader
   );
@@ -31,32 +32,17 @@ export const verifyConfirmEmailPage = (email) => {
     "have.text",
     commonText.onboardingSeperatorText
   );
+
   cy.get(commonSelectors.resendEmailButton).should("be.visible");
-  cy.get(commonSelectors.editEmailButton).verifyVisibleElement(
+  cy.get('[data-cy="back-to-signup"]').verifyVisibleElement(
     "have.text",
-    commonText.editEmailButton
+    "Back to sign up"
   );
 };
 
-export const verifyConfirmPageElements = () => {
-  cy.get(commonSelectors.pageLogo).should("be.visible");
-  cy.get(commonSelectors.emailImage).should("be.visible");
-  cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
-    "have.text",
-    commonText.emailVerifiedText
-  );
-
-  cy.get(commonSelectors.onboardingPageDescription).verifyVisibleElement(
-    "have.text",
-    commonText.continueToSetUp
-  );
-  cy.get(commonSelectors.setUpToolJetButton).verifyVisibleElement(
-    "have.text",
-    commonText.setUpToolJetButton
-  );
-};
 
 export const verifyOnboardingQuestions = (fullName, workspaceName) => {
+  cy.wait(5000);
   cy.get(commonSelectors.pageLogo).should("be.visible");
   cy.get(commonSelectors.userAccountNameAvatar).should("be.visible");
   cy.get(commonSelectors.createAccountCheckMark).should("be.visible");
@@ -125,7 +111,7 @@ export const verifyOnboardingQuestions = (fullName, workspaceName) => {
 
 export const verifyInvalidInvitationLink = () => {
   cy.get(commonSelectors.pageLogo).should("be.visible");
-  cy.get(commonSelectors.emailImage).should("be.visible");
+  // cy.get(commonSelectors.emailImage).should("be.visible");
 
   cy.get(commonSelectors.onboardingPageHeader).verifyVisibleElement(
     "have.text",
@@ -136,20 +122,24 @@ export const verifyInvalidInvitationLink = () => {
     commonText.inalidInvitationLinkDescription
   );
 
-  cy.get(commonSelectors.backtoSignUpButton).verifyVisibleElement(
-    "have.text",
-    commonText.backtoSignUpButton
-  );
+  // cy.get(commonSelectors.backtoSignUpButton).verifyVisibleElement(
+  //   "have.text",
+  //   commonText.backtoSignUpButton
+  // );
 };
 
 export const userSignUp = (fullName, email, workspaceName) => {
   let invitationLink;
+  cy.intercept("GET", "/api/organizations/public-configs").as("publicConfig");
   cy.visit("/");
-  cy.wait(1000);
+  cy.wait("@publicConfig");
   cy.get(commonSelectors.createAnAccountLink).realClick();
-  cy.clearAndType(commonSelectors.nameInputField, fullName);
-  cy.clearAndType(commonSelectors.emailInputField, email);
-  cy.clearAndType(commonSelectors.passwordInputField, commonText.password);
+  cy.get(onboardingSelectors.nameInput).should('not.be.disabled');
+  cy.wait(3000)
+  cy.get(onboardingSelectors.nameInput).clear();
+  cy.get(onboardingSelectors.nameInput).type(fullName);
+  cy.clearAndType(onboardingSelectors.loginEmailInput, email);
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, commonText.password);
   cy.get(commonSelectors.signUpButton).click();
 
   cy.wait(500);
@@ -159,10 +149,9 @@ export const userSignUp = (fullName, email, workspaceName) => {
   }).then((resp) => {
     invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
     cy.visit(invitationLink);
-    cy.get(commonSelectors.setUpToolJetButton).click();
     cy.wait(4000);
-    verifyOnboardingQuestions(fullName, workspaceName);
-    updateWorkspaceName(email, workspaceName);
+    cy.clearAndType('[data-cy="onboarding-workspace-name-input"]', workspaceName)
+    cy.get('[data-cy="onboarding-submit-button"]').click();
   });
 };
 
@@ -211,10 +200,10 @@ export const inviteUser = (firstName, email) => {
   cy.userInviteApi(firstName, email);
   fetchAndVisitInviteLink(email);
   cy.wait(1000);
-  cy.get(commonSelectors.passwordInputField).should("be.visible");
-  cy.clearAndType(commonSelectors.passwordInputField, "password");
+  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
+  cy.clearAndType(onboardingSelectors.loginPasswordInput, "password");
   // cy.intercept("GET", "/api/organizations").as("org");
-  cy.get(commonSelectors.signUpButton).click();
+  cy.get(commonSelectors.continueButton).click();
   cy.wait(2000);
   cy.get(commonSelectors.acceptInviteButton).click();
 };
@@ -222,7 +211,7 @@ export const inviteUser = (firstName, email) => {
 export const addNewUser = (firstName, email) => {
   navigateToManageUsers();
   inviteUser(firstName, email);
-  updateWorkspaceName(email);
+  // updateWorkspaceName(email);
 };
 
 export const updateWorkspaceName = (email, workspaceName = email) => {
@@ -300,19 +289,32 @@ export const visitWorkspaceInvitation = (email, workspaceName) => {
 
 export const SignUpPageElements = () => {
   cy.get(commonSelectors.pageLogo).should("be.visible");
-  cy.get(commonSelectors.SignUpSectionHeader).verifyVisibleElement(
+  cy.get(commonSelectors.signUpSectionHeader).verifyVisibleElement(
     "have.text",
     "Sign up"
   );
   cy.get(commonSelectors.signUpButton).verifyVisibleElement(
     "have.text",
-    commonText.getStartedButton
+    "Sign up"
   );
-  cy.get(commonSelectors.signInRedirectText).should(($el) => {
-    expect($el.contents().first().text().trim()).to.eq(
-      commonText.signInRedirectText
-    );
-  });
+
+  // cy.get('[data-cy="signup-info"]').should(($el) => {
+  //   expect($el.contents().first().text().trim()).to.eq(
+  //     commonText.signInRedirectText
+  //   );
+  // });
+
+  cy.get(onboardingSelectors.signupNameLabel).verifyVisibleElement("have.text", "Name *");
+  cy.get(onboardingSelectors.nameInput).should('be.visible');
+  cy.get(onboardingSelectors.emailLabel).verifyVisibleElement(
+    "have.text",
+    "Email *"
+  );
+  // cy.get(commonSelectors.loginPasswordLabel).verifyVisibleElement("have.text", "Password *");
+
+  cy.get(onboardingSelectors.loginPasswordInput).should("be.visible");
+
+
   cy.get(commonSelectors.signInRedirectLink).verifyVisibleElement(
     "have.text",
     commonText.signInRedirectLink
@@ -357,5 +359,6 @@ export const signUpLink = (email) => {
   }).then((resp) => {
     invitationLink = `/invitations/${resp.rows[0].invitation_token}`;
     cy.visit(invitationLink);
+    cy.wait(3000);
   });
 }
\ No newline at end of file
diff --git a/cypress-tests/cypress/support/utils/selfHostSignUp.js b/cypress-tests/cypress/support/utils/selfHostSignUp.js
index c0626fb99e..93df52045c 100644
--- a/cypress-tests/cypress/support/utils/selfHostSignUp.js
+++ b/cypress-tests/cypress/support/utils/selfHostSignUp.js
@@ -3,27 +3,27 @@ import { commonText } from "Texts/common";
 
 export const selfHostCommonElements = () => {
   cy.get(commonSelectors.pageLogo).should("be.visible");
-  cy.get(commonSelectors.setUpadminCheckPoint).verifyVisibleElement(
-    "have.text",
-    commonText.setUpadminCheckPoint
-  );
+  // cy.get(commonSelectors.setUpadminCheckPoint).verifyVisibleElement(
+  //   "have.text",
+  //   commonText.setUpadminCheckPoint
+  // );
   cy.get(commonSelectors.setUpworkspaceCheckPoint).verifyVisibleElement(
     "have.text",
     commonText.setUpworkspaceCheckPoint
   );
-  cy.get(commonSelectors.companyProfileCheckPoint).verifyVisibleElement(
-    "have.text",
-    commonText.companyProfileCheckPoint
-  );
-  cy.get(commonSelectors.onboardingPageSubHeader).verifyVisibleElement(
-    "have.text",
-    commonText.onboardingPageSubHeader
-  );
-  cy.get(commonSelectors.continueButton).verifyVisibleElement(
+  // cy.get(commonSelectors.companyProfileCheckPoint).verifyVisibleElement(
+  //   "have.text",
+  //   commonText.companyProfileCheckPoint
+  // );
+  // cy.get(commonSelectors.onboardingPageSubHeader).verifyVisibleElement(
+  //   "have.text",
+  //   commonText.onboardingPageSubHeader
+  // );
+  cy.get(commonSelectors.OnbordingContinue).verifyVisibleElement(
     "have.text",
     commonText.continueButton
   );
-  cy.get(commonSelectors.continueButton).should("be.disabled");
+  //   cy.get(commonSelectors.OnbordingContinue).should("be.disabled");
 };
 
 export const commonElementsWorkspaceSetup = () => {
diff --git a/cypress-tests/cypress/support/utils/workspaceConstants.js b/cypress-tests/cypress/support/utils/workspaceConstants.js
index 3634c91908..03a9bc53f5 100644
--- a/cypress-tests/cypress/support/utils/workspaceConstants.js
+++ b/cypress-tests/cypress/support/utils/workspaceConstants.js
@@ -14,10 +14,29 @@ export const contantsNameValidation = (value, error) => {
     cy.get(workspaceConstantsSelectors.addConstantButton).should("be.disabled");
 };
 
-export const AddNewconstants = (name, value) => {
+export const AddNewconstants = (name, value, type = "global") => {
     cy.get(workspaceConstantsSelectors.addNewConstantButton).click();
     cy.clearAndType(commonSelectors.nameInputField, name);
     cy.get(commonSelectors.valueInputField).click();
     cy.clearAndType(commonSelectors.valueInputField, value);
+    cy.get(workspaceConstantsSelectors.constantsType(type)).check();
     cy.get(workspaceConstantsSelectors.addConstantButton).click();
 };
+
+export const existingNameValidation = (
+    constName,
+    constValue,
+    type = "Global"
+) => {
+    cy.clearAndType(commonSelectors.nameInputField, constName);
+    cy.get(workspaceConstantsSelectors.constantsType(type)).check();
+    cy.get(commonSelectors.valueInputField).click();
+    cy.clearAndType(commonSelectors.valueInputField, constValue);
+    cy.get(workspaceConstantsSelectors.addConstantButton).click();
+    cy.get(commonSelectors.toastMessage)
+        .as("toast")
+        .should(
+            "contain.text",
+            workspaceConstantsText.constantsExisitToast("Global")
+        );
+};
diff --git a/cypress-tests/package-lock.json b/cypress-tests/package-lock.json
index 20353756a4..bf5250fc16 100644
--- a/cypress-tests/package-lock.json
+++ b/cypress-tests/package-lock.json
@@ -18,7 +18,7 @@
         "@cypress/code-coverage": "^3.12.12",
         "@cypress/webpack-preprocessor": "^5.12.0",
         "@faker-js/faker": "^7.3.0",
-        "cypress": "^12.5.1"
+        "cypress": "^13.16.0"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -35,12 +35,13 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -48,30 +49,30 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.7.tgz",
-      "integrity": "sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
+      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.7.tgz",
-      "integrity": "sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
+      "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helpers": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/template": "^7.24.7",
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7",
+        "@babel/code-frame": "^7.26.0",
+        "@babel/generator": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.0",
+        "@babel/parser": "^7.26.0",
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.26.0",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -87,56 +88,57 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.7.tgz",
-      "integrity": "sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
+      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.24.7",
+        "@babel/parser": "^7.26.2",
+        "@babel/types": "^7.26.0",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
-      "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
+      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.24.7.tgz",
-      "integrity": "sha512-xZeCVVdwb4MsDBkkyZ64tReWYrLRHlMN72vP7Bdm3OUOuyFZExhsHUUnuWnm2/XOlAJzR0LfPpB56WXZn0X/lA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
+      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.7.tgz",
-      "integrity": "sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
+      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
       "dev": true,
       "dependencies": {
-        "@babel/compat-data": "^7.24.7",
-        "@babel/helper-validator-option": "^7.24.7",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -145,20 +147,18 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.7.tgz",
-      "integrity": "sha512-kTkaDl7c9vO80zeX1rJxnuRpEsD5tA81yh11X1gQo+PhSti3JS+7qeZo9U4RHobKRiFPKaGK3svUAeb8D0Q7eg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-member-expression-to-functions": "^7.24.7",
-        "@babel/helper-optimise-call-expression": "^7.24.7",
-        "@babel/helper-replace-supers": "^7.24.7",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -169,14 +169,14 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.24.7.tgz",
-      "integrity": "sha512-03TCmXy2FtXJEZfbXDTSqq1fRJArk7lX9DOFC/47VthYcxyIOx+eXQmdo6DOQvrbpIix+KfXwvuXdFDZHxt+rA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
+      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "regexpu-core": "^5.3.1",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "regexpu-core": "^6.1.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -187,9 +187,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz",
-      "integrity": "sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==",
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz",
+      "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -203,81 +203,42 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.7.tgz",
-      "integrity": "sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.7.tgz",
-      "integrity": "sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.7.tgz",
-      "integrity": "sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.7.tgz",
-      "integrity": "sha512-LGeMaf5JN4hAT471eJdBs/GK1DoYIJ5GCtZN/EsL6KUiiDZOvO/eKE11AMZJa2zP4zk4qe9V2O/hxAmkRc8p6w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
+      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
-      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
+      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
       "dev": true,
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.7.tgz",
-      "integrity": "sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
+      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-simple-access": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -287,22 +248,22 @@
       }
     },
     "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.7.tgz",
-      "integrity": "sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
+      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.7.tgz",
-      "integrity": "sha512-Rq76wjt7yz9AAc1KnlRKNAi/dMSVWgDRx43FHoJEbcYU6xOWaE2dVPwcdTukJrjxS65GITyfbvEYHvkirZ6uEg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -310,15 +271,15 @@
       }
     },
     "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.24.7.tgz",
-      "integrity": "sha512-9pKLcTlZ92hNZMQfGCHImUpDOlAgkkpqalWEeftW5FBya75k8Li2ilerxkM/uBEj01iBZXcCIB/bwvDYgWyibA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-wrap-function": "^7.24.7"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-wrap-function": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -328,15 +289,15 @@
       }
     },
     "node_modules/@babel/helper-replace-supers": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.24.7.tgz",
-      "integrity": "sha512-qTAxxBM81VEyoAY0TtLrx1oAEJc09ZK67Q9ljQToqCnA+55eNwCORaxlKyu+rNfX86o8OXRUSNUnrtsAZXM9sg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
+      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-member-expression-to-functions": "^7.24.7",
-        "@babel/helper-optimise-call-expression": "^7.24.7"
+        "@babel/helper-member-expression-to-functions": "^7.25.9",
+        "@babel/helper-optimise-call-expression": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -346,120 +307,96 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
-      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
+      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
       "dev": true,
+      "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.24.7.tgz",
-      "integrity": "sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
+      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz",
-      "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.7.tgz",
-      "integrity": "sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.7.tgz",
-      "integrity": "sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-wrap-function": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.24.7.tgz",
-      "integrity": "sha512-N9JIYk3TD+1vq/wn77YnJOqMtfWhNewNE+DJV4puD2X7Ew9J4JvrzrFDfTfyv5EgEXVy9/Wt8QiOErzEmv5Ifw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
+      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/template": "^7.24.7",
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/template": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.7.tgz",
-      "integrity": "sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
+      "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
       "dev": true,
       "dependencies": {
-        "@babel/template": "^7.24.7",
-        "@babel/types": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0",
-        "picocolors": "^1.0.0"
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.26.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
-      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
+      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
       "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.26.0"
+      },
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -468,14 +405,30 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.7.tgz",
-      "integrity": "sha512-TiT1ss81W80eQsN+722OaeQMY/G4yTb4G9JrqeiDADs3N8lbPMGldWi9x8tyqCW5NLx1Jh2AvkE6r6QvEltMMQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
+      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
+      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -485,13 +438,13 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.7.tgz",
-      "integrity": "sha512-unaQgZ/iRu/By6tsjMZzpeBZjChYfLYry6HrEXPoz3KmfF0sVBQ1l8zKMQ4xRGLWVsjuvB8nQfjNP/DcfEOCsg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
+      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -501,15 +454,15 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.7.tgz",
-      "integrity": "sha512-+izXIbke1T33mY4MSNnrqhPXDz01WYhEf3yF5NbnUtkiNnm+XBZJl3kNfoK6NKmYlz/D07+l2GWVK/QfDkNCuQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
-        "@babel/plugin-transform-optional-chaining": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -519,14 +472,14 @@
       }
     },
     "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.7.tgz",
-      "integrity": "sha512-utA4HuR6F4Vvcr+o4DnjL8fCOlgRFGbeeBEGNg3ZTrLFw6VWG5XmUrvcQ0FjIYMU2ST4XcR2Wsp7t9qOAPnxMg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
+      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -548,82 +501,14 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-async-generators": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-dynamic-import": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
-      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-export-namespace-from": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
-      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.7.tgz",
-      "integrity": "sha512-Ec3NRUMoi8gskrkBe3fNmEQfxDvY8bgfQpz6jlk/41kX9eUjvpyqWU7PBP/pLAvMaSQjbMNKJmvX57jP+M6bPg==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
+      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -633,149 +518,13 @@
       }
     },
     "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz",
-      "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
+      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -802,13 +551,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.7.tgz",
-      "integrity": "sha512-Dt9LQs6iEY++gXUwY03DNFat5C2NbO48jj+j/bSAz6b3HgPs39qcPiYt77fDObIcFwj3/C2ICX9YMwGflUoSHQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
+      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -818,16 +567,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.7.tgz",
-      "integrity": "sha512-o+iF77e3u7ZS4AoAuJvapz9Fm001PuD2V3Lp6OSE4FYQke+cSewYtnek+THqGRWyQloRCyvWL1OkyfNEl9vr/g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
+      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-remap-async-to-generator": "^7.24.7",
-        "@babel/plugin-syntax-async-generators": "^7.8.4"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -837,15 +585,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.7.tgz",
-      "integrity": "sha512-SQY01PcJfmQ+4Ash7NE+rpbLFbmqA2GPIgqzxfFTL4t1FKRq4zTms/7htKpoCUI9OcFYgzqfmCdH53s6/jn5fA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
+      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-remap-async-to-generator": "^7.24.7"
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-remap-async-to-generator": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -855,13 +603,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.7.tgz",
-      "integrity": "sha512-yO7RAz6EsVQDaBH18IDJcMB1HnrUn2FJ/Jslc/WtPPWcjhpUJXU/rjbwmluzp7v/ZzWcEhTMXELnnsz8djWDwQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
+      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -871,13 +619,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.7.tgz",
-      "integrity": "sha512-Nd5CvgMbWc+oWzBsuaMcbwjJWAcp5qzrbg69SZdHSP7AMY0AbWFqFO0WTFCA1jxhMCwodRwvRec8k0QUbZk7RQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
+      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -887,14 +635,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.7.tgz",
-      "integrity": "sha512-vKbfawVYayKcSeSR5YYzzyXvsDFWU2mD8U5TFeXtbCPLFUqe7GyCgvO6XDHzje862ODrOwy6WCPmKeWHbCFJ4w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
+      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -904,15 +652,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.7.tgz",
-      "integrity": "sha512-HMXK3WbBPpZQufbMG4B46A90PkuuhN9vBCb5T8+VAHqvAqvcLi+2cKoukcpmUYkszLhScU3l1iudhrks3DggRQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
+      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -922,19 +669,17 @@
       }
     },
     "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.7.tgz",
-      "integrity": "sha512-CFbbBigp8ln4FU6Bpy6g7sE8B/WmCmzvivzUC6xDAdWVsjYTXijpuuGJmYkAaoWAzcItGKT3IOAbxRItZ5HTjw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
+      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-replace-supers": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9",
+        "@babel/traverse": "^7.25.9",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -945,14 +690,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.7.tgz",
-      "integrity": "sha512-25cS7v+707Gu6Ds2oY6tCkUwsJ9YIDbggd9+cu9jzzDgiNq7hR/8dkzxWfKWnTic26vsI3EsCXNd4iEB6e8esQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
+      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/template": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/template": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -962,13 +707,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.7.tgz",
-      "integrity": "sha512-19eJO/8kdCQ9zISOf+SEUJM/bAUIsvY3YDnXZTupUCQ8LgrWnsG/gFB9dvXqdXnRXMAM8fvt7b0CBKQHNGy1mw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
+      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -978,14 +723,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.7.tgz",
-      "integrity": "sha512-ZOA3W+1RRTSWvyqcMJDLqbchh7U4NRGqwRfFSVbOLS/ePIP4vHB5e8T8eXcuqyN1QkgKyj5wuW0lcS85v4CrSw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
+      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -995,13 +740,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.7.tgz",
-      "integrity": "sha512-JdYfXyCRihAe46jUIliuL2/s0x0wObgwwiGxw/UbgJBr20gQBThrokO4nYKgWkD7uBaqM7+9x5TU7NkExZJyzw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
+      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1010,15 +755,31 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.7.tgz",
-      "integrity": "sha512-sc3X26PhZQDb3JhORmakcbvkeInvxz+A8oda99lj7J60QRuPZvNAk9wQlTBS1ZynelDrDmTU4pw1tyc5d5ZMUg==",
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
+      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1028,14 +789,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.7.tgz",
-      "integrity": "sha512-Rqe/vSc9OYgDajNIK35u7ot+KeCoetqQYFXM4Epf7M7ez3lWlOjrDjrwMei6caCVhfdw+mIKD4cgdGNy5JQotQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
+      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1045,14 +806,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.7.tgz",
-      "integrity": "sha512-v0K9uNYsPL3oXZ/7F9NNIbAj2jv1whUEtyA6aujhekLs56R++JDQuzRcP2/z4WX5Vg/c5lE9uWZA0/iUoFhLTA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
+      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1062,14 +822,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.7.tgz",
-      "integrity": "sha512-wo9ogrDG1ITTTBsy46oGiN1dS9A7MROBTcYsfS8DtsImMkHk9JXJ3EWQM6X2SUw4x80uGPlwj0o00Uoc6nEE3g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
+      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1079,15 +839,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.7.tgz",
-      "integrity": "sha512-U9FcnA821YoILngSmYkW6FjyQe2TyZD5pHt4EVIhmcTkrJw/3KqcrRSxuOo5tFZJi7TE19iDyI1u+weTI7bn2w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
+      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1097,14 +857,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.7.tgz",
-      "integrity": "sha512-2yFnBGDvRuxAaE/f0vfBKvtnvvqU8tGpMHqMNpTN2oWMKIR3NqFkjaAgGwawhqK/pIN2T3XdjGPdaG0vDhOBGw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
+      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-json-strings": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1114,13 +873,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.7.tgz",
-      "integrity": "sha512-vcwCbb4HDH+hWi8Pqenwnjy+UiklO4Kt1vfspcQYFhJdpthSnW8XvWGyDZWKNVrVbVViI/S7K9PDJZiUmP2fYQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
+      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1130,14 +889,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.7.tgz",
-      "integrity": "sha512-4D2tpwlQ1odXmTEIFWy9ELJcZHqrStlzK/dAOWYyxX3zT0iXQB6banjgeOJQXzEc4S0E0a5A+hahxPaEFYftsw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
+      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1147,13 +905,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.7.tgz",
-      "integrity": "sha512-T/hRC1uqrzXMKLQ6UCwMT85S3EvqaBXDGf0FaMf4446Qx9vKwlghvee0+uuZcDUCZU5RuNi4781UQ7R308zzBw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
+      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1163,14 +921,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.7.tgz",
-      "integrity": "sha512-9+pB1qxV3vs/8Hdmz/CulFB8w2tuu6EB94JZFsjdqxQokwGa9Unap7Bo2gGBGIvPmDIVvQrom7r5m/TCDMURhg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
+      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1180,15 +938,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.7.tgz",
-      "integrity": "sha512-iFI8GDxtevHJ/Z22J5xQpVqFLlMNstcLXh994xifFwxxGslr2ZXXLWgtBeLctOD63UFDArdvN6Tg8RFw+aEmjQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
+      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-simple-access": "^7.24.7"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-simple-access": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1198,16 +956,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.7.tgz",
-      "integrity": "sha512-GYQE0tW7YoaN13qFh3O1NCY4MPkUiAH3fiF7UcV/I3ajmDKEdG3l+UOcbAm4zUE3gnvUU+Eni7XrVKo9eO9auw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
+      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-hoist-variables": "^7.24.7",
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1217,14 +975,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.7.tgz",
-      "integrity": "sha512-3aytQvqJ/h9z4g8AsKPLvD4Zqi2qT+L3j7XoFFu1XBlZWEl2/1kWnhmAbxpLgPrHSY0M6UA02jyTiwUVtiKR6A==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
+      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-module-transforms": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1234,14 +992,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.24.7.tgz",
-      "integrity": "sha512-/jr7h/EWeJtk1U/uz2jlsCioHkZk1JJZVcc8oQsJ1dUlaJD83f4/6Zeh2aHt9BIFokHIsSeDfhUmju0+1GPd6g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
+      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1251,13 +1009,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.7.tgz",
-      "integrity": "sha512-RNKwfRIXg4Ls/8mMTza5oPF5RkOW8Wy/WgMAp1/F1yZ8mMbtwXW+HDoJiOsagWrAhI5f57Vncrmr9XeT4CVapA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
+      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1267,14 +1025,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.7.tgz",
-      "integrity": "sha512-Ts7xQVk1OEocqzm8rHMXHlxvsfZ0cEF2yomUqpKENHWMF4zKk175Y4q8H5knJes6PgYad50uuRmt3UJuhBw8pQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
+      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1284,14 +1041,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.7.tgz",
-      "integrity": "sha512-e6q1TiVUzvH9KRvicuxdBTUj4AdKSRwzIyFFnfnezpCfP2/7Qmbb8qbU2j7GODbl4JMkblitCQjKYUaX/qkkwA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
+      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1301,16 +1057,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.7.tgz",
-      "integrity": "sha512-4QrHAr0aXQCEFni2q4DqKLD31n2DL+RxcwnNjDFkSG0eNQ/xCavnRkfCUjsyqGC2OviNJvZOF/mQqZBw7i2C5Q==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
+      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.24.7"
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1320,14 +1075,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.7.tgz",
-      "integrity": "sha512-A/vVLwN6lBrMFmMDmPPz0jnE6ZGx7Jq7d6sT/Ev4H65RER6pZ+kczlf1DthF5N0qaPHBsI7UXiE8Zy66nmAovg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
+      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-replace-supers": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-replace-supers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1337,14 +1092,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.7.tgz",
-      "integrity": "sha512-uLEndKqP5BfBbC/5jTwPxLh9kqPWWgzN/f8w6UwAIirAEqiIVJWWY312X72Eub09g5KF9+Zn7+hT7sDxmhRuKA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
+      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1354,15 +1108,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.7.tgz",
-      "integrity": "sha512-tK+0N9yd4j+x/4hxF3F0e0fu/VdcxU18y5SevtyM/PCFlQvXbR0Zmlo2eBrKtVipGNFzpq56o8WsIIKcJFUCRQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz",
+      "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1372,13 +1125,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.7.tgz",
-      "integrity": "sha512-yGWW5Rr+sQOhK0Ot8hjDJuxU3XLRQGflvT4lhlSY0DFvdb3TwKaY26CJzHtYllU0vT9j58hc37ndFPsqT1SrzA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
+      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1388,14 +1141,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.7.tgz",
-      "integrity": "sha512-COTCOkG2hn4JKGEKBADkA8WNb35TGkkRbI5iT845dB+NyqgO8Hn+ajPbSnIQznneJTa3d30scb6iz/DhH8GsJQ==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
+      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1405,16 +1158,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.7.tgz",
-      "integrity": "sha512-9z76mxwnwFxMyxZWEgdgECQglF2Q7cFLm0kMf8pGwt+GSJsY0cONKj/UuO4bOH0w/uAel3ekS4ra5CEAyJRmDA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
+      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.24.7",
-        "@babel/helper-create-class-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+        "@babel/helper-annotate-as-pure": "^7.25.9",
+        "@babel/helper-create-class-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1424,13 +1176,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.7.tgz",
-      "integrity": "sha512-EMi4MLQSHfd2nrCqQEWxFdha2gBCqU4ZcCng4WBGZ5CJL4bBRW0ptdqqDdeirGZcpALazVVNJqRmsO8/+oNCBA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
+      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1440,13 +1192,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.7.tgz",
-      "integrity": "sha512-lq3fvXPdimDrlg6LWBoqj+r/DEWgONuwjuOuQCSYgRroXDH/IdM1C0IZf59fL5cHLpjEH/O6opIRBbqv7ELnuA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
+      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.25.9",
         "regenerator-transform": "^0.15.2"
       },
       "engines": {
@@ -1456,14 +1208,31 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.7.tgz",
-      "integrity": "sha512-0DUq0pHcPKbjFZCfTss/pGkYMfy3vFWydkUBd9r0GHpIyfs2eCDENvqadMycRS9wZCXR41wucAfJHJmwA0UmoQ==",
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz",
+      "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
+      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1473,13 +1242,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.7.tgz",
-      "integrity": "sha512-KsDsevZMDsigzbA09+vacnLpmPH4aWjcZjXdyFKGzpplxhbeB4wYtury3vglQkg6KM/xEPKt73eCjPPf1PgXBA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
+      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1489,14 +1258,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.7.tgz",
-      "integrity": "sha512-x96oO0I09dgMDxJaANcRyD4ellXFLLiWhuwDxKZX5g2rWP1bTPkBSwCYv96VDXVT1bD9aPj8tppr5ITIh8hBng==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
+      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1506,13 +1275,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.7.tgz",
-      "integrity": "sha512-kHPSIJc9v24zEml5geKg9Mjx5ULpfncj0wRpYtxbvKyTtHCYDkVE3aHQ03FrpEo4gEe2vrJJS1Y9CJTaThA52g==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
+      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1522,13 +1291,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.7.tgz",
-      "integrity": "sha512-AfDTQmClklHCOLxtGoP7HkeMw56k1/bTQjwsfhL6pppo/M4TOBSq+jjBUBLmV/4oeFg4GWMavIl44ZeCtmmZTw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
+      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1538,13 +1307,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.7.tgz",
-      "integrity": "sha512-VtR8hDy7YLB7+Pet9IarXjg/zgCMSF+1mNS/EQEiEaUPoFXCVsHG64SIxcaaI2zJgRiv+YmgaQESUfWAdbjzgg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
+      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1554,13 +1323,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.7.tgz",
-      "integrity": "sha512-U3ap1gm5+4edc2Q/P+9VrBNhGkfnf+8ZqppY71Bo/pzZmXhhLdqgaUl6cuB07O1+AQJtCLfaOmswiNbSQ9ivhw==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
+      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1570,14 +1339,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.7.tgz",
-      "integrity": "sha512-uH2O4OV5M9FZYQrwc7NdVmMxQJOCCzFeYudlZSzUAHRFeOujQefa92E74TQDVskNHCzOXoigEuoyzHDhaEaK5w==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
+      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1587,14 +1356,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.7.tgz",
-      "integrity": "sha512-hlQ96MBZSAXUq7ltkjtu3FJCCSMx/j629ns3hA3pXnBXjanNP0LHi+JpPeA81zaWgVK1VGH95Xuy7u0RyQ8kMg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
+      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1604,14 +1373,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.7.tgz",
-      "integrity": "sha512-2G8aAvF4wy1w/AGZkemprdGMRg5o6zPNhbHVImRz3lss55TYCBd6xStN19rt8XJHq20sqV0JbyWjOWwQRwV/wg==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
+      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1621,92 +1390,80 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.24.7.tgz",
-      "integrity": "sha512-1YZNsc+y6cTvWlDHidMBsQZrZfEFjRIo/BZCT906PMdzOyXtSLTgqGdrpcuTDCXyd11Am5uQULtDIcCfnTc8fQ==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz",
+      "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/compat-data": "^7.24.7",
-        "@babel/helper-compilation-targets": "^7.24.7",
-        "@babel/helper-plugin-utils": "^7.24.7",
-        "@babel/helper-validator-option": "^7.24.7",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.24.7",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.24.7",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.7",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.24.7",
+        "@babel/compat-data": "^7.26.0",
+        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
         "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
-        "@babel/plugin-syntax-import-assertions": "^7.24.7",
-        "@babel/plugin-syntax-import-attributes": "^7.24.7",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-import-assertions": "^7.26.0",
+        "@babel/plugin-syntax-import-attributes": "^7.26.0",
         "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.24.7",
-        "@babel/plugin-transform-async-generator-functions": "^7.24.7",
-        "@babel/plugin-transform-async-to-generator": "^7.24.7",
-        "@babel/plugin-transform-block-scoped-functions": "^7.24.7",
-        "@babel/plugin-transform-block-scoping": "^7.24.7",
-        "@babel/plugin-transform-class-properties": "^7.24.7",
-        "@babel/plugin-transform-class-static-block": "^7.24.7",
-        "@babel/plugin-transform-classes": "^7.24.7",
-        "@babel/plugin-transform-computed-properties": "^7.24.7",
-        "@babel/plugin-transform-destructuring": "^7.24.7",
-        "@babel/plugin-transform-dotall-regex": "^7.24.7",
-        "@babel/plugin-transform-duplicate-keys": "^7.24.7",
-        "@babel/plugin-transform-dynamic-import": "^7.24.7",
-        "@babel/plugin-transform-exponentiation-operator": "^7.24.7",
-        "@babel/plugin-transform-export-namespace-from": "^7.24.7",
-        "@babel/plugin-transform-for-of": "^7.24.7",
-        "@babel/plugin-transform-function-name": "^7.24.7",
-        "@babel/plugin-transform-json-strings": "^7.24.7",
-        "@babel/plugin-transform-literals": "^7.24.7",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
-        "@babel/plugin-transform-member-expression-literals": "^7.24.7",
-        "@babel/plugin-transform-modules-amd": "^7.24.7",
-        "@babel/plugin-transform-modules-commonjs": "^7.24.7",
-        "@babel/plugin-transform-modules-systemjs": "^7.24.7",
-        "@babel/plugin-transform-modules-umd": "^7.24.7",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
-        "@babel/plugin-transform-new-target": "^7.24.7",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
-        "@babel/plugin-transform-numeric-separator": "^7.24.7",
-        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
-        "@babel/plugin-transform-object-super": "^7.24.7",
-        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
-        "@babel/plugin-transform-optional-chaining": "^7.24.7",
-        "@babel/plugin-transform-parameters": "^7.24.7",
-        "@babel/plugin-transform-private-methods": "^7.24.7",
-        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
-        "@babel/plugin-transform-property-literals": "^7.24.7",
-        "@babel/plugin-transform-regenerator": "^7.24.7",
-        "@babel/plugin-transform-reserved-words": "^7.24.7",
-        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
-        "@babel/plugin-transform-spread": "^7.24.7",
-        "@babel/plugin-transform-sticky-regex": "^7.24.7",
-        "@babel/plugin-transform-template-literals": "^7.24.7",
-        "@babel/plugin-transform-typeof-symbol": "^7.24.7",
-        "@babel/plugin-transform-unicode-escapes": "^7.24.7",
-        "@babel/plugin-transform-unicode-property-regex": "^7.24.7",
-        "@babel/plugin-transform-unicode-regex": "^7.24.7",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.24.7",
+        "@babel/plugin-transform-arrow-functions": "^7.25.9",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
+        "@babel/plugin-transform-async-to-generator": "^7.25.9",
+        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
+        "@babel/plugin-transform-block-scoping": "^7.25.9",
+        "@babel/plugin-transform-class-properties": "^7.25.9",
+        "@babel/plugin-transform-class-static-block": "^7.26.0",
+        "@babel/plugin-transform-classes": "^7.25.9",
+        "@babel/plugin-transform-computed-properties": "^7.25.9",
+        "@babel/plugin-transform-destructuring": "^7.25.9",
+        "@babel/plugin-transform-dotall-regex": "^7.25.9",
+        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-dynamic-import": "^7.25.9",
+        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
+        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
+        "@babel/plugin-transform-for-of": "^7.25.9",
+        "@babel/plugin-transform-function-name": "^7.25.9",
+        "@babel/plugin-transform-json-strings": "^7.25.9",
+        "@babel/plugin-transform-literals": "^7.25.9",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
+        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
+        "@babel/plugin-transform-modules-amd": "^7.25.9",
+        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
+        "@babel/plugin-transform-modules-umd": "^7.25.9",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
+        "@babel/plugin-transform-new-target": "^7.25.9",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
+        "@babel/plugin-transform-numeric-separator": "^7.25.9",
+        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
+        "@babel/plugin-transform-object-super": "^7.25.9",
+        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/plugin-transform-parameters": "^7.25.9",
+        "@babel/plugin-transform-private-methods": "^7.25.9",
+        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
+        "@babel/plugin-transform-property-literals": "^7.25.9",
+        "@babel/plugin-transform-regenerator": "^7.25.9",
+        "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
+        "@babel/plugin-transform-reserved-words": "^7.25.9",
+        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
+        "@babel/plugin-transform-spread": "^7.25.9",
+        "@babel/plugin-transform-sticky-regex": "^7.25.9",
+        "@babel/plugin-transform-template-literals": "^7.25.9",
+        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
+        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
+        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-regex": "^7.25.9",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
         "@babel/preset-modules": "0.1.6-no-external-plugins",
         "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.4",
+        "babel-plugin-polyfill-corejs3": "^0.10.6",
         "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "core-js-compat": "^3.31.0",
+        "core-js-compat": "^3.38.1",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -1731,17 +1488,10 @@
         "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
       }
     },
-    "node_modules/@babel/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
-      "dev": true,
-      "peer": true
-    },
     "node_modules/@babel/runtime": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz",
-      "integrity": "sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -1752,33 +1502,30 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.7.tgz",
-      "integrity": "sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
+      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/code-frame": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/types": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.7.tgz",
-      "integrity": "sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==",
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
+      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.24.7",
-        "@babel/helper-environment-visitor": "^7.24.7",
-        "@babel/helper-function-name": "^7.24.7",
-        "@babel/helper-hoist-variables": "^7.24.7",
-        "@babel/helper-split-export-declaration": "^7.24.7",
-        "@babel/parser": "^7.24.7",
-        "@babel/types": "^7.24.7",
+        "@babel/code-frame": "^7.25.9",
+        "@babel/generator": "^7.25.9",
+        "@babel/parser": "^7.25.9",
+        "@babel/template": "^7.25.9",
+        "@babel/types": "^7.25.9",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -1787,14 +1534,13 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.7.tgz",
-      "integrity": "sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==",
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
+      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "to-fast-properties": "^2.0.0"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1810,15 +1556,15 @@
       }
     },
     "node_modules/@cypress/code-coverage": {
-      "version": "3.12.39",
-      "resolved": "https://registry.npmjs.org/@cypress/code-coverage/-/code-coverage-3.12.39.tgz",
-      "integrity": "sha512-ja7I/GRmkSAW9e3O7pideWcNUEHao0WT6sRyXQEURoxkJUASJssJ7Kb/bd3eMYmkUCiD5CRFqWR5BGF4mWVaUw==",
+      "version": "3.13.7",
+      "resolved": "https://registry.npmjs.org/@cypress/code-coverage/-/code-coverage-3.13.7.tgz",
+      "integrity": "sha512-E8oT0D1cA363cot4q7wonaDATAPybj7/DJ3PAE+BCmEBy41aYWn5DaEYWLRYe8eg+h4IlNPkZG1QMVo33pMcfw==",
       "dev": true,
       "dependencies": {
         "@cypress/webpack-preprocessor": "^6.0.0",
         "chalk": "4.1.2",
-        "dayjs": "1.11.10",
-        "debug": "4.3.4",
+        "dayjs": "1.11.13",
+        "debug": "4.3.7",
         "execa": "4.1.0",
         "globby": "11.1.0",
         "istanbul-lib-coverage": "^3.0.0",
@@ -1850,97 +1596,10 @@
         "webpack": "^4 || ^5"
       }
     },
-    "node_modules/@cypress/code-coverage/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@cypress/code-coverage/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/@cypress/code-coverage/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/@cypress/code-coverage/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/@cypress/code-coverage/node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@cypress/code-coverage/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@cypress/code-coverage/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/@cypress/request": {
-      "version": "2.88.12",
-      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-2.88.12.tgz",
-      "integrity": "sha512-tOn+0mDZxASFM+cuAP9szGUGPI1HwWVSvdzm7V4cCsPdFTx6qMj29CwaQmRAMIEhORIUBFBsYROYJcveK4uOjA==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.6.tgz",
+      "integrity": "sha512-fi0eVdCOtKu5Ed6+E8mYxUF6ZTFJDZvHogCBelM0xVXmrDEkyM22gRArQzq1YcHPm1V47Vf/iAD+WgVdUlJCGg==",
       "dependencies": {
         "aws-sign2": "~0.7.0",
         "aws4": "^1.8.0",
@@ -1948,16 +1607,16 @@
         "combined-stream": "~1.0.6",
         "extend": "~3.0.2",
         "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "http-signature": "~1.3.6",
+        "form-data": "~4.0.0",
+        "http-signature": "~1.4.0",
         "is-typedarray": "~1.0.0",
         "isstream": "~0.1.2",
         "json-stringify-safe": "~5.0.1",
         "mime-types": "~2.1.19",
         "performance-now": "^2.1.0",
-        "qs": "~6.10.3",
+        "qs": "6.13.0",
         "safe-buffer": "^5.1.2",
-        "tough-cookie": "^4.1.3",
+        "tough-cookie": "^5.0.0",
         "tunnel-agent": "^0.6.0",
         "uuid": "^8.3.2"
       },
@@ -2100,9 +1759,9 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
       "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
@@ -2151,9 +1810,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.56.10",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.10.tgz",
-      "integrity": "sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==",
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2173,9 +1832,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
       "dev": true,
       "peer": true
     },
@@ -2187,9 +1846,10 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "16.18.101",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.101.tgz",
-      "integrity": "sha512-AAsx9Rgz2IzG8KJ6tXd6ndNkVcu+GYB6U/SnFAaokSPNx2N7dcIIfnighYUNumvj6YS2q39Dejz5tT0NCV7CWA=="
+      "version": "16.18.119",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.119.tgz",
+      "integrity": "sha512-ia7V9a2FnhUFfetng4/sRPBMTwHZUkPFY736rb1cg9AgG7MZdR97q7/nLR9om+sq5f1la9C857E0l/nrI0RiFQ==",
+      "devOptional": true
     },
     "node_modules/@types/sinonjs__fake-timers": {
       "version": "8.1.1",
@@ -2197,9 +1857,9 @@
       "integrity": "sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g=="
     },
     "node_modules/@types/sizzle": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz",
-      "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg=="
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.9.tgz",
+      "integrity": "sha512-xzLEyKB50yqCUPUJkIsrVvoWNfFUbIZI+RspLWt8u+tIW/BetMBZtgV2LY/2o+tYH8dRvQ+eoPf3NdhQCcLE2w=="
     },
     "node_modules/@types/yauzl": {
       "version": "2.10.3",
@@ -2211,73 +1871,73 @@
       }
     },
     "node_modules/@webassemblyjs/ast": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
-      "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
-      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
         "@xtuc/long": "4.2.2"
       }
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
-      "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.12.1"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2285,9 +1945,9 @@
       }
     },
     "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2295,79 +1955,79 @@
       }
     },
     "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
       "dev": true,
       "peer": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
-      "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/helper-wasm-section": "1.12.1",
-        "@webassemblyjs/wasm-gen": "1.12.1",
-        "@webassemblyjs/wasm-opt": "1.12.1",
-        "@webassemblyjs/wasm-parser": "1.12.1",
-        "@webassemblyjs/wast-printer": "1.12.1"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
-      "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
-      "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-buffer": "1.12.1",
-        "@webassemblyjs/wasm-gen": "1.12.1",
-        "@webassemblyjs/wasm-parser": "1.12.1"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
-      "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
-        "@webassemblyjs/helper-api-error": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
-      "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.12.1",
+        "@webassemblyjs/ast": "1.14.1",
         "@xtuc/long": "4.2.2"
       }
     },
@@ -2386,9 +2046,9 @@
       "peer": true
     },
     "node_modules/acorn": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.0.tgz",
-      "integrity": "sha512-RTvkC4w+KNXrM39/lWCUaG0IbRkWdCv7W/IOW9oU6SawyxulvkQy5HQPVTKxEjczcUvapcrw3cFx/60VN/NRNw==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "dev": true,
       "peer": true,
       "bin": {
@@ -2398,16 +2058,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-import-attributes": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-      "dev": true,
-      "peer": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
     "node_modules/aggregate-error": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
@@ -2421,16 +2071,16 @@
       }
     },
     "node_modules/ajv": {
-      "version": "8.16.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.16.0.tgz",
-      "integrity": "sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
         "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.4.1"
+        "require-from-string": "^2.0.2"
       },
       "funding": {
         "type": "github",
@@ -2499,15 +2149,17 @@
       }
     },
     "node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "dependencies": {
-        "color-convert": "^1.9.0"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
     "node_modules/append-transform": {
@@ -2587,9 +2239,9 @@
       }
     },
     "node_modules/async": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
-      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg=="
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
+      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="
     },
     "node_modules/asynckit": {
       "version": "0.4.0",
@@ -2613,14 +2265,14 @@
       }
     },
     "node_modules/aws4": {
-      "version": "1.13.0",
-      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.13.0.tgz",
-      "integrity": "sha512-3AungXC4I8kKsS9PuS4JH2nc+0bVY/mjgrephHTIi8fpEeGsTHBUJeosp0Wc1myYMElmD0B3Oc4XL/HVJ4PV2g=="
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.13.2.tgz",
+      "integrity": "sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw=="
     },
     "node_modules/babel-loader": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.1.3.tgz",
-      "integrity": "sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==",
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz",
+      "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -2636,14 +2288,14 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.11",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz",
-      "integrity": "sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==",
+      "version": "0.4.12",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz",
+      "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "@babel/helper-define-polyfill-provider": "^0.6.3",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -2651,27 +2303,27 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.10.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz",
-      "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==",
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
+      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.1",
-        "core-js-compat": "^3.36.1"
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "core-js-compat": "^3.38.0"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.2",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
-      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz",
+      "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.2"
+        "@babel/helper-define-polyfill-provider": "^0.6.3"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -2744,9 +2396,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz",
-      "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "dev": true,
       "funding": [
         {
@@ -2763,10 +2415,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001629",
-        "electron-to-chromium": "^1.4.796",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.16"
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -2864,9 +2516,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001638",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001638.tgz",
-      "integrity": "sha512-5SuJUJ7cZnhPpeLHaH0c/HPAnAHZvS6ElWyHK9GSIbVOQABLzowiI2pjmpvZ1WEbkyz46iFd4UXlOHR5SqgfMQ==",
+      "version": "1.0.30001684",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001684.tgz",
+      "integrity": "sha512-G1LRwLIQjBQoyq0ZJGqGIJUXzJ8irpbjHLpVRXDvBEScFJ9b17sgK6vlx0GAJFE21okD7zXl08rRRUfq6HdoEQ==",
       "dev": true,
       "funding": [
         {
@@ -2889,17 +2541,18 @@
       "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
     },
     "node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
     "node_modules/check-more-types": {
@@ -2921,9 +2574,9 @@
       }
     },
     "node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.1.0.tgz",
+      "integrity": "sha512-HutrvTNsF48wnxkzERIXOe5/mlcfFcbfCmwcg6CJnizbSue78AbDt+1cgl26zwn61WFxhcPykPfZrbqjGmBb4A==",
       "funding": [
         {
           "type": "github",
@@ -2993,39 +2646,6 @@
         "wrap-ansi": "^6.2.0"
       }
     },
-    "node_modules/cliui/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/cliui/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/cliui/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/cliui/node_modules/wrap-ansi": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
@@ -3041,19 +2661,20 @@
       }
     },
     "node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
       "dependencies": {
-        "color-name": "1.1.3"
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
     "node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/colorette": {
       "version": "2.0.20",
@@ -3113,13 +2734,13 @@
       "dev": true
     },
     "node_modules/core-js-compat": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.37.1.tgz",
-      "integrity": "sha512-9TNiImhKvQqSUkOvk/mMRZzOANTiEVC7WaBNhHcKM7x+/5E1l5NvsysR19zuDQScE8k+kfQXWRN3AtS/eOSHpg==",
+      "version": "3.39.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
+      "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "browserslist": "^4.23.0"
+        "browserslist": "^4.24.2"
       },
       "funding": {
         "type": "opencollective",
@@ -3132,9 +2753,9 @@
       "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -3145,23 +2766,23 @@
       }
     },
     "node_modules/cypress": {
-      "version": "12.17.4",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.17.4.tgz",
-      "integrity": "sha512-gAN8Pmns9MA5eCDFSDJXWKUpaL3IDd89N9TtIupjYnzLSmlpVr+ZR+vb4U/qaMp+lB6tBvAmt7504c3Z4RU5KQ==",
+      "version": "13.16.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.16.0.tgz",
+      "integrity": "sha512-g6XcwqnvzXrqiBQR/5gN+QsyRmKRhls1y5E42fyOvsmU7JuY+wM6uHJWj4ZPttjabzbnRvxcik2WemR8+xT6FA==",
       "hasInstallScript": true,
       "dependencies": {
-        "@cypress/request": "2.88.12",
+        "@cypress/request": "^3.0.6",
         "@cypress/xvfb": "^1.2.4",
-        "@types/node": "^16.18.39",
         "@types/sinonjs__fake-timers": "8.1.1",
         "@types/sizzle": "^2.3.2",
         "arch": "^2.2.0",
         "blob-util": "^2.0.2",
         "bluebird": "^3.7.2",
-        "buffer": "^5.6.0",
+        "buffer": "^5.7.1",
         "cachedir": "^2.3.0",
         "chalk": "^4.1.0",
         "check-more-types": "^2.24.0",
+        "ci-info": "^4.0.0",
         "cli-cursor": "^3.1.0",
         "cli-table3": "~0.6.1",
         "commander": "^6.2.1",
@@ -3176,7 +2797,6 @@
         "figures": "^3.2.0",
         "fs-extra": "^9.1.0",
         "getos": "^3.2.1",
-        "is-ci": "^3.0.0",
         "is-installed-globally": "~0.4.0",
         "lazy-ass": "^1.6.0",
         "listr2": "^3.8.3",
@@ -3190,7 +2810,8 @@
         "request-progress": "^3.0.0",
         "semver": "^7.5.3",
         "supports-color": "^8.1.1",
-        "tmp": "~0.2.1",
+        "tmp": "~0.2.3",
+        "tree-kill": "1.2.2",
         "untildify": "^4.0.0",
         "yauzl": "^2.10.0"
       },
@@ -3198,7 +2819,7 @@
         "cypress": "bin/cypress"
       },
       "engines": {
-        "node": "^14.0.0 || ^16.0.0 || >=18.0.0"
+        "node": "^16.0.0 || ^18.0.0 || >=20.0.0"
       }
     },
     "node_modules/cypress-real-events": {
@@ -3209,79 +2830,15 @@
         "cypress": "^4.x || ^5.x || ^6.x || ^7.x || ^8.x || ^9.x || ^10.x || ^11.x || ^12.x || ^13.x"
       }
     },
-    "node_modules/cypress/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/cypress/node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
     },
-    "node_modules/cypress/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/cypress/node_modules/chalk/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cypress/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/cypress/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/cypress/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/cypress/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -3315,16 +2872,16 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "node_modules/debug": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
-      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
       "dependencies": {
-        "ms": "2.1.2"
+        "ms": "^2.1.3"
       },
       "engines": {
         "node": ">=6.0"
@@ -3405,9 +2962,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.814",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.814.tgz",
-      "integrity": "sha512-GVulpHjFu1Y9ZvikvbArHmAhZXtm3wHlpjTMcXNGKl4IQ4jMQjlnz8yMQYYqdLHKi/jEL2+CBC2akWVCoIGUdw==",
+      "version": "1.5.64",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.64.tgz",
+      "integrity": "sha512-IXEuxU+5ClW2IGEYFC2T7szbyVgehupCWQe5GNh+H065CD6U6IFN0s4KeAMFGNmQolRU4IV7zGBWSYMmZ8uuqQ==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -3424,9 +2981,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz",
-      "integrity": "sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -3482,9 +3039,9 @@
       "dev": true
     },
     "node_modules/escalade": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -3678,6 +3235,13 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/fast-uri": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz",
+      "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/fastq": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
@@ -3773,16 +3337,16 @@
       }
     },
     "node_modules/form-data": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
-      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
       "dependencies": {
         "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
+        "combined-stream": "^1.0.8",
         "mime-types": "^2.1.12"
       },
       "engines": {
-        "node": ">= 0.12"
+        "node": ">= 6"
       }
     },
     "node_modules/fromentries": {
@@ -3992,11 +3556,14 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.1.0.tgz",
+      "integrity": "sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==",
       "dependencies": {
-        "get-intrinsic": "^1.1.3"
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -4008,12 +3575,11 @@
       "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/has-property-descriptors": {
@@ -4028,9 +3594,12 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.1.0.tgz",
+      "integrity": "sha512-QLdzI9IIO1Jg7f9GT1gXpPpXArAn6cS31R1eEZqz08Gc+uQ8/XiqHWt17Fiw+2p6oTTIq5GXEpQkAlA88YRl/Q==",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -4039,9 +3608,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -4092,13 +3661,13 @@
       "dev": true
     },
     "node_modules/http-signature": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
-      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.4.0.tgz",
+      "integrity": "sha512-G5akfn7eKbpDN+8nPS/cb57YeA1jLTVxjpCj7tmm3QKPdyDy7T+qSC40e9ptydSWvkwjSXw1VbkpyEm39ukeAg==",
       "dependencies": {
         "assert-plus": "^1.0.0",
         "jsprim": "^2.0.2",
-        "sshpk": "^1.14.1"
+        "sshpk": "^1.18.0"
       },
       "engines": {
         "node": ">=0.10"
@@ -4132,9 +3701,9 @@
       ]
     },
     "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
       "engines": {
         "node": ">= 4"
@@ -4182,21 +3751,10 @@
         "node": ">=10"
       }
     },
-    "node_modules/is-ci": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
-      "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
-      "dependencies": {
-        "ci-info": "^3.2.0"
-      },
-      "bin": {
-        "is-ci": "bin.js"
-      }
-    },
     "node_modules/is-core-module": {
-      "version": "2.14.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.14.0.tgz",
-      "integrity": "sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==",
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
+      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -4395,15 +3953,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/istanbul-lib-report/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/istanbul-lib-report/node_modules/make-dir": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
@@ -4420,9 +3969,9 @@
       }
     },
     "node_modules/istanbul-lib-report/node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -4431,18 +3980,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/istanbul-lib-report/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/istanbul-lib-source-maps": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
@@ -4485,16 +4022,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/jest-worker/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "peer": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/jest-worker/node_modules/supports-color": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
@@ -4535,15 +4062,15 @@
       "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
       "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-parse-even-better-errors": {
@@ -4701,70 +4228,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/log-symbols/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/log-symbols/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/log-symbols/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/log-symbols/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/log-symbols/node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/log-symbols/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/log-update": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
@@ -4782,36 +4245,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/log-update/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/log-update/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
     "node_modules/log-update/node_modules/slice-ansi": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
@@ -4880,9 +4313,9 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
-      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
       "dependencies": {
         "braces": "^3.0.3",
@@ -4948,9 +4381,9 @@
       }
     },
     "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
     },
     "node_modules/neo-async": {
       "version": "2.6.2",
@@ -4977,9 +4410,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
       "dev": true
     },
     "node_modules/node-xlsx": {
@@ -5102,9 +4535,9 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -5277,13 +4710,13 @@
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
     },
     "node_modules/pg": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/pg/-/pg-8.12.0.tgz",
-      "integrity": "sha512-A+LHUSnwnxrnL/tZ+OLfqR1SxLN3c/pgDztZ47Rpbsd4jUytsTtwQo/TLPRzPJMp/1pbhYVhH9cuSZLAajNfjQ==",
+      "version": "8.13.1",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-8.13.1.tgz",
+      "integrity": "sha512-OUir1A0rPNZlX//c7ksiu7crsGZTKSOXJPgtNiHGIlC9H0lO+NC6ZDYksSgBYY/thSWhnSRBv8w1lieNNGATNQ==",
       "dependencies": {
-        "pg-connection-string": "^2.6.4",
-        "pg-pool": "^3.6.2",
-        "pg-protocol": "^1.6.1",
+        "pg-connection-string": "^2.7.0",
+        "pg-pool": "^3.7.0",
+        "pg-protocol": "^1.7.0",
         "pg-types": "^2.1.0",
         "pgpass": "1.x"
       },
@@ -5309,9 +4742,9 @@
       "optional": true
     },
     "node_modules/pg-connection-string": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.6.4.tgz",
-      "integrity": "sha512-v+Z7W/0EO707aNMaAEfiGnGL9sxxumwLl2fJvCQtMn9Fxsg+lPpPkdcyBSv/KFgpGdYkMfn+EI1Or2EHjpgLCA=="
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.7.0.tgz",
+      "integrity": "sha512-PI2W9mv53rXJQEOb8xNR8lH7Hr+EKa6oJa38zsK0S/ky2er16ios1wLKhZyxzD7jUReiWokc9WK5nxSnC7W1TA=="
     },
     "node_modules/pg-int8": {
       "version": "1.0.1",
@@ -5322,17 +4755,17 @@
       }
     },
     "node_modules/pg-pool": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.6.2.tgz",
-      "integrity": "sha512-Htjbg8BlwXqSBQ9V8Vjtc+vzf/6fVUuak/3/XXKA9oxZprwW3IMDQTGHP+KDmVL7rtd+R1QjbnCFPuTHm3G4hg==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.7.0.tgz",
+      "integrity": "sha512-ZOBQForurqh4zZWjrgSwwAtzJ7QiRX0ovFkZr2klsen3Nm0aoh33Ls0fzfv3imeH/nw/O27cjdz5kzYJfeGp/g==",
       "peerDependencies": {
         "pg": ">=8.0"
       }
     },
     "node_modules/pg-protocol": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.6.1.tgz",
-      "integrity": "sha512-jPIlvgoD63hrEuihvIg+tJhoGjUsLPn6poJY9N5CnlPd91c2T18T/9zBtLxZSb1EhYxBRoZJtzScCaWlYLtktg=="
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.7.0.tgz",
+      "integrity": "sha512-hTK/mE36i8fDDhgDFjy6xNOG+LCorxLG3WO17tku+ij6sVHXh1jQUJ8hYAnRhNla4QVD2H8er/FOjc/+EgC6yQ=="
     },
     "node_modules/pg-types": {
       "version": "2.2.0",
@@ -5358,9 +4791,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "dev": true
     },
     "node_modules/picomatch": {
@@ -5529,9 +4962,9 @@
       }
     },
     "node_modules/process-on-spawn": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
-      "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.1.0.tgz",
+      "integrity": "sha512-JOnOPQ/8TZgjs1JIH/m9ni7FfimjNa/PRx7y/Wb5qdItsnhO0jE4AT7fC0HjC28DUQWDr50dwSYZLdRMlqDq3Q==",
       "dev": true,
       "dependencies": {
         "fromentries": "^1.2.0"
@@ -5545,15 +4978,10 @@
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
       "integrity": "sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A=="
     },
-    "node_modules/psl": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
-      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
-    },
     "node_modules/pump": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
-      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
       "dependencies": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
@@ -5563,16 +4991,18 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/qs": {
-      "version": "6.10.4",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
-      "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
       "dependencies": {
-        "side-channel": "^1.0.4"
+        "side-channel": "^1.0.6"
       },
       "engines": {
         "node": ">=0.6"
@@ -5581,11 +5011,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -5624,9 +5049,9 @@
       "peer": true
     },
     "node_modules/regenerate-unicode-properties": {
-      "version": "10.1.1",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
-      "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
+      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -5654,16 +5079,16 @@
       }
     },
     "node_modules/regexpu-core": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
-      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
+      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@babel/regjsgen": "^0.8.0",
         "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.1.0",
-        "regjsparser": "^0.9.1",
+        "regenerate-unicode-properties": "^10.2.0",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.12.0",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.1.0"
       },
@@ -5671,29 +5096,26 @@
         "node": ">=4"
       }
     },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "dev": true,
+      "peer": true
+    },
     "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
+      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "jsesc": "~0.5.0"
+        "jsesc": "~3.0.2"
       },
       "bin": {
         "regjsparser": "bin/parser"
       }
     },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
     "node_modules/release-zalgo": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
@@ -5739,11 +5161,6 @@
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
       "dev": true
     },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -5993,36 +5410,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/slice-ansi/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -6140,15 +5527,14 @@
       }
     },
     "node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dependencies": {
-        "has-flag": "^3.0.0"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=8"
       }
     },
     "node_modules/supports-preserve-symlinks-flag": {
@@ -6175,9 +5561,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.31.1",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.1.tgz",
-      "integrity": "sha512-37upzU1+viGvuFtBo9NPufCb9dwM0+l9hMxYyWfBA+fbwrPqNJAhbZ6W47bBFnZHKHTUBnMvi87434qq+qnxOg==",
+      "version": "5.36.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.36.0.tgz",
+      "integrity": "sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -6315,6 +5701,36 @@
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
       "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
     },
+    "node_modules/tldts": {
+<<<<<<< Updated upstream
+      "version": "6.1.64",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.64.tgz",
+      "integrity": "sha512-ph4AE5BXWIOsSy9stpoeo7bYe/Cy7VfpciIH4RhVZUPItCJmhqWCN0EVzxd8BOHiyNb42vuJc6NWTjJkg91Tuw==",
+      "dependencies": {
+        "tldts-core": "^6.1.64"
+=======
+      "version": "6.1.65",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.65.tgz",
+      "integrity": "sha512-xU9gLTfAGsADQ2PcWee6Hg8RFAv0DnjMGVJmDnUmI8a9+nYmapMQix4afwrdaCtT+AqP4MaxEzu7cCrYmBPbzQ==",
+      "dependencies": {
+        "tldts-core": "^6.1.65"
+>>>>>>> Stashed changes
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+<<<<<<< Updated upstream
+      "version": "6.1.64",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.64.tgz",
+      "integrity": "sha512-uqnl8vGV16KsyflHOzqrYjjArjfXaU6rMPXYy2/ZWoRKCkXtghgB4VwTDXUG+t0OTGeSewNAG31/x1gCTfLt+Q=="
+=======
+      "version": "6.1.65",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.65.tgz",
+      "integrity": "sha512-Uq5t0N0Oj4nQSbU8wFN1YYENvMthvwU13MQrMJRspYCGLSAZjAfoBOJki5IQpnBM/WFskxxC/gIOTwaedmHaSg=="
+>>>>>>> Stashed changes
+    },
     "node_modules/tmp": {
       "version": "0.2.3",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
@@ -6323,15 +5739,6 @@
         "node": ">=14.14"
       }
     },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6345,31 +5752,28 @@
       }
     },
     "node_modules/tough-cookie": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
-      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.0.0.tgz",
+      "integrity": "sha512-FRKsF7cz96xIIeMZ82ehjC3xW2E+O2+v11udrDYewUbszngYhsGa8z6YUMMzO9QJZzzyd0nGGXnML/TReX6W8Q==",
       "dependencies": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
+        "tldts": "^6.1.32"
       },
       "engines": {
-        "node": ">=6"
+        "node": ">=16"
       }
     },
-    "node_modules/tough-cookie/node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "engines": {
-        "node": ">= 4.0.0"
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "bin": {
+        "tree-kill": "cli.js"
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
-      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "node_modules/tunnel-agent": {
       "version": "0.6.0",
@@ -6408,9 +5812,9 @@
       }
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -6432,9 +5836,9 @@
       }
     },
     "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
       "dev": true,
       "peer": true,
       "engines": {
@@ -6468,9 +5872,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
-      "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "dev": true,
       "funding": [
         {
@@ -6487,8 +5891,8 @@
         }
       ],
       "dependencies": {
-        "escalade": "^3.1.2",
-        "picocolors": "^1.0.1"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -6507,15 +5911,6 @@
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "dependencies": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
-      }
-    },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -6538,9 +5933,9 @@
       }
     },
     "node_modules/watchpack": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-      "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -6552,22 +5947,21 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.92.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.1.tgz",
-      "integrity": "sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==",
+      "version": "5.96.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
       "dev": true,
       "peer": true,
       "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.5",
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
         "@webassemblyjs/ast": "^1.12.1",
         "@webassemblyjs/wasm-edit": "^1.12.1",
         "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-attributes": "^1.9.5",
-        "browserslist": "^4.21.10",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -6698,36 +6092,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -6810,9 +6174,9 @@
       }
     },
     "node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+      "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
       "dev": true,
       "peer": true,
       "engines": {
diff --git a/cypress-tests/package.json b/cypress-tests/package.json
index 1bfb253c0f..57f609edef 100644
--- a/cypress-tests/package.json
+++ b/cypress-tests/package.json
@@ -10,7 +10,7 @@
     "@cypress/code-coverage": "^3.12.12",
     "@cypress/webpack-preprocessor": "^5.12.0",
     "@faker-js/faker": "^7.3.0",
-    "cypress": "^12.5.1"
+    "cypress": "^13.16.0"
   },
   "dependencies": {
     "cypress-real-events": "^1.7.6",
diff --git a/docs/docs/widgets/bounded-box.md b/docs/docs/widgets/bounded-box.md
index 0b86a401ef..0650d92c31 100644
--- a/docs/docs/widgets/bounded-box.md
+++ b/docs/docs/widgets/bounded-box.md
@@ -13,7 +13,7 @@ A **Bounded Box** is an infinitely customizable image annotation component that
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -27,10 +27,10 @@ A **Bounded Box** is an infinitely customizable image annotation component that
 
 | <div style={{ width:"100px"}}> **Property** </div> | <div style={{ width:"100px"}}> **Description** </div> | <div style={{ width:"150px"}}> **Expected Value** </div> |
 | :----------- | :----------- | :----------------- |
-| Image URL | The URL or image data to show it on the component. | Get the image URL dynamically from database: `{{queries.queryname.data[0].url}}` or use [image's base64 data](/docs/how-to/loading-image-pdf-from-db/) |
-| Default value | The data that will load the default bounded boxes over the image when the app is loaded. | Array of objects. Check the [Default value](#default-value) data properties |
-| Selector | The bounded box support selection using rectangle or point. | Click **Fx** to set the value `RECTANGLE` or `POINT` |
-| List of labels | The list of label that will be displayed in the dropdown while selection in the bounded-box. | Labels in array format: `{{['Tree', 'Car', 'Stree light']}}` |
+| Image URL | The URL or image data to show it on the component. | Get the image URL dynamically from database: `{{queries.queryname.data[0].url}}` or use [image's base64 data](/docs/how-to/loading-image-pdf-from-db/).|
+| Default value | The data that will load the default bounded boxes over the image when the app is loaded. | Array of objects. Check the [Default value](#default-value) data properties. |
+| Selector | The bounded box support selection using rectangle or point. | Click **fx** to set the value `RECTANGLE` or `POINT`. |
+| List of labels | The list of label that will be displayed in the dropdown while selection in the bounded-box. | Labels in array format: `{{['Tree', 'Car', 'Stree light']}}`. |
 
 #### Default value
 
@@ -38,12 +38,12 @@ Provide the data that will load the default bounding boxes over the image when t
 
 | <div style={{ width:"100px"}}> **Property** </div> | <div style={{ width:"100px"}}> **Description** </div> | <div style={{ width:"150px"}}> **Expected Value** </div> |
 | :-------- | :------ | :-------- |
-| type | Sets the type of the Bounded Box. | `RECTANGLE` or `POINT` |
-| width | Sets the width of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0` |
-| height | Sets the height of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0` |
-| x | Sets the x-coordinate(horizontal) position of the Bounded Box in the image. | Numerical value ex: `41` |
-| y | Sets the y-coordinate(vertical) position of the Bounded Box in the image. | Numerical value ex: `22` |
-| text | Sets the text value of the Bounded Box. | It should be one of the labels provided in the **[List of labels](#properties)** property |
+| type | Sets the type of the Bounded Box. | `RECTANGLE` or `POINT`. |
+| width | Sets the width of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0`. |
+| height | Sets the height of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0`. |
+| x | Sets the x-coordinate(horizontal) position of the Bounded Box in the image. | Numerical value ex: `41`. |
+| y | Sets the y-coordinate(vertical) position of the Bounded Box in the image. | Numerical value ex: `22`. |
+| text | Sets the text value of the Bounded Box. | It should be one of the labels provided in the **[List of labels](#properties)** property. |
 
 **Example of default values:**
 
@@ -70,7 +70,7 @@ Provide the data that will load the default bounding boxes over the image when t
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -88,7 +88,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -96,7 +96,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -111,11 +111,11 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 | annotations.`text` | label selected for the annotation. |
 | annotations.`id` | unique ID of the annotation (system generated). |
 
-The values can be accessed dynamically using `{{components.boundedbox1.annotations[0].text}}` or `{{components.boundedbox1.annotations[1].width}}`
+The values can be accessed dynamically using `{{components.boundedbox1.annotations[0].text}}` or `{{components.boundedbox1.annotations[1].width}}`.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -131,25 +131,27 @@ A Tooltip is often used to specify the extra information when the user hovers th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | 
-| :----------- | :----------- | 
-| Desktop | Toggle to show or hide the component in the desktop view. Dynamically configure the value by clicking on `Fx` and entering a logical expression that results in either true or false. Alternatively, the  values can be set to **`{{true}}`** or **`{{false}}`**. |  
-| Mobile | Toggle to show or hide the component in the desktop view. Dynamically configure the value by clicking on `Fx` and entering a logical expression that results in either true or false. Alternatively, the  values can be set to **`{{true}}`** or **`{{false}}`**. | 
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"150px"}}> Expected Value </div> |
+| :----------- | :----------- | :----------------- |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+---
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style  </div>  | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Expected Value </div> |
 | :----------- | :----------- | :----------- |
-| Visibility | Toggle on or off to control the visibility of the component when the app is loaded. |  **`{{true}}`** or **`{{false}}`**, By default, it's set to `{{true}}` |
-| Disable | Toggle on to disable the component. | **`{{true}}`** or **`{{false}}`**, By default, it's set to `{{false}}` |
-| Box shadow | Sets the add shadow effects around a component's frame. You can specify the horizontal and vertical offsets(through X and Y sliders), blur and spread radius, and color of the shadow. | Values that represent x,y, blur, spread and color. Ex: `9px 11px 5px 5px #00000040` |
+| Visibility | Toggle on or off to control the visibility of the component when the app is loaded. |  `{{true}}` or `{{false}}`, By default, it's set to `{{true}}`. |
+| Disable | Toggle on to disable the component. | `{{true}}` or `{{false}}`, By default, it's set to `{{false}}`. |
+| Box shadow | Sets the add shadow effects around a component's frame. You can specify the horizontal and vertical offsets (through X and Y sliders), blur and spread radius, and color of the shadow. | Values that represent x, y, blur, spread and color. Ex: `9px 11px 5px 5px #00000040`. |
 
 </div>
diff --git a/docs/docs/widgets/button.md b/docs/docs/widgets/button.md
index c49ef58cbc..f078f3f891 100644
--- a/docs/docs/widgets/button.md
+++ b/docs/docs/widgets/button.md
@@ -2,11 +2,10 @@
 id: button
 title: Button
 ---
-# Button
 
 **Button** component can be used to trigger an action. It can be used to submit a form, navigate to another page, or trigger a query.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -18,8 +17,8 @@ title: Button
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 | :----------- | :----------- |
-| On click | The On click event is triggered when the button is clicked. |
-| On hover | The On hover event is triggered when the mouse cursor is moved over the button. |
+| On click | Triggers whenever the user clicks the button. |
+| On hover | Triggers whenever the user moves the mouse cursor over the button. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get detailed information about all the **Actions**.
@@ -27,12 +26,12 @@ Check [Action Reference](/docs/category/actions-reference) docs to get detailed
 
 | <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 | :----------- | :----------- | :----------- |
-| Button text | Used to set the label of the button. | Any **String** value: `Send Message`, `Delete`, or `{{queries.xyz.data.action}}` |
-| Loading state | The loading state is used to show a spinner as the button content. Loading state is commonly used with isLoading property of the queries to show a loading status while a query is being run. | Toggle the switch **On** or click on **fx** to programmatically set the value to `{{true}}` or `{{false}}`  |
+| Button text | Used to set the label of the button. | Any **String** value: `Send Message`, `Delete`, or `{{queries.xyz.data.action}}`. |
+| Loading state | The loading state is used to show a spinner as the button content. Loading state is commonly used with isLoading property of the queries to show a loading status while a query is being run. | Toggle the switch **On** or click on **fx** to programmatically set the value to `{{true}}` or `{{false}}`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -48,13 +47,13 @@ Following actions of Button component can be controlled using the component spec
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variable </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 | :----------- | :----------- | :---------- |
-| buttonText | This variable stores the text displayed on the button. | Access the value dynamically through JavaScript using the following syntax: `{{components.button1.buttonText}}` |
+| buttonText | This variable stores the text displayed on the button. | Access the value dynamically through JavaScript using the following syntax: `{{components.button1.buttonText}}`. |
 | <div style={{ width:"100px"}}> isValid </div> | Indicates if the input meets validation criteria. | Accessible dynamically with JS (for e.g., `{{components.button1.isValid}}`).|
 | <div style={{ width:"100px"}}> isLoading </div> | Indicates if the component is loading. | Accessible dynamically with JS (for e.g., `{{components.button1.isLoading}}`).|
 | <div style={{ width:"100px"}}> isVisible </div> | Indicates if the component is visible. | Accessible dynamically with JS (for e.g., `{{components.button1.isVisible}}`).|
@@ -65,20 +64,20 @@ Following actions of Button component can be controlled using the component spec
 
 | <div style={{ width:"100px"}}> Action </div> | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"250px"}}> Configuration Options </div>|
 |:------------------|:------------|:------------------------------|
-| Loading state      | Enables a loading spinner, often used with `isLoading` to indicate progress. Toggle or set dynamically.   | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
-| Visibility         | Controls component visibility. Toggle or set dynamically.                                                 | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
-| Disable            | Enables or disables the component. Toggle or set dynamically.                                             | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
+| Loading state      | Enables a loading spinner, often used with `isLoading` to indicate progress. Toggle or set dynamically.   | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Visibility         | Controls component visibility. Toggle or set dynamically.                                                 | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Disable            | Enables or disables the component. Toggle or set dynamically.                                             | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 | Tooltip            | Provides additional information on hover. Set a string value for display.                                 | String (e.g., `Button to Submit Form` ).                       |
 
 ## Devices
 
 **Show on desktop**
 
-Makes the component visible in desktop view. You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression.
+Makes the component visible in desktop view. You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression.
 
 **Show on mobile**
 
-Makes the component visible in mobile view. You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression.
+Makes the component visible in mobile view. You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression.
 
 
 ---
@@ -90,13 +89,13 @@ Makes the component visible in mobile view. You can set it with the toggle butto
 | <div style={{ width:"100px"}}> Button Property </div> | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"250px"}}> Configuration Options </div>|
 |:------------------|:------------|:------------------------------|
 | Type        | Sets the fill value of the Button component.                                                   | Select `Solid` for a button with a solid background and `Outline` for a transparent button with an outline.          |
-| Background        | Sets the background color of the component.                                                   | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Text color    | Sets the text color of the text entered in the component.                                     | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Border color    | Sets the border color of the component.                                                       | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Loader color    | Sets the loader color of the component.                                                       | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Icon            | Allows you to select an icon for the component.                                               | Enable the icon visibility, select icon and icon color. Alternatively, you can programmatically set it using `fx`.                                     |
-| Border radius   | Modifies the border radius of the component.                                                  | Enter a number or click on `fx` and enter a code that programmatically returns a numeric value.           |
-| Box shadow      | Sets the box shadow properties of the component.                                              | Select the box shadow color and adjust the related properties or set it programmatically using `fx`.                                            |
+| Background        | Sets the background color of the component.                                                   | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Text color    | Sets the text color of the text entered in the component.                                     | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Border color    | Sets the border color of the component.                                                       | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Loader color    | Sets the loader color of the component.                                                       | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Icon            | Allows you to select an icon for the component.                                               | Enable the icon visibility, select icon and icon color. Alternatively, you can programmatically set it using **fx**.                                     |
+| Border radius   | Modifies the border radius of the component.                                                  | Enter a number or click on **fx** and enter a code that programmatically returns a numeric value.           |
+| Box shadow      | Sets the box shadow properties of the component.                                              | Select the box shadow color and adjust the related properties or set it programmatically using **fx**.                                            |
 
 ## Container
 
diff --git a/docs/docs/widgets/circular-progressbar.md b/docs/docs/widgets/circular-progressbar.md
index 032a2e8d69..bf4a480929 100644
--- a/docs/docs/widgets/circular-progressbar.md
+++ b/docs/docs/widgets/circular-progressbar.md
@@ -6,22 +6,22 @@ title: Circular Progressbar
 
 The Circular Progressbar component can be used to show progress in a progress circle.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 | ----------- | ----------- | --------------- |
 | Text | Sets a text inside the progress circle.| It expects a `String`, you can also use js to dynamically update the text as the progress changes. |
-| Progress | Sets the progress of the widget. | Progress should be an integer between 0 and 100.|
+| Progress | Sets the progress of the component. | Progress should be an integer between 0 and 100.|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -29,7 +29,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -37,29 +37,31 @@ There are currently no exposed variables for the component.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
 A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> |
-| ----------- | ----------- |
-| Show on desktop | Toggle on or off to display the widget in desktop view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile | Toggle on or off to display the widget in mobile view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Expected Value </div> |
+| ----------- | ----------- | ----------- |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
@@ -71,10 +73,10 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 | Stroke width | Defines the width of stroke | Value must between 0-100|
 | Counter clockwise | Whether to rotate progress bar in counterclockwise direction. | Accepts `{{true}}` and `{{false}}`, Default value is `false`|
 | Circle ratio | Defines ratio of the full circle diameter the progressbar should use. | Accepts numerical value and the default is `1` |
-| Visibility | Toggle on or off to control the visibility of the widget. | Programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. By default, it's set to `{{true}}` |
+| Visibility | Toggle on or off to control the visibility of the component. | Programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. By default, it's set to `{{true}}` |
 
 :::info
-Circular progress bar widget uses [react-circular-progress](https://github.com/kevinsqi/react-circular-progressbar) package. Check the repo for further more details about properties and styles.
+Circular progress bar component uses [react-circular-progress](https://github.com/kevinsqi/react-circular-progressbar) package. Check the repo for further more details about properties and styles.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/code-editor.md b/docs/docs/widgets/code-editor.md
index 70000f3c24..2108b6fb19 100644
--- a/docs/docs/widgets/code-editor.md
+++ b/docs/docs/widgets/code-editor.md
@@ -2,22 +2,21 @@
 id: code-editor
 title: Code Editor
 ---
-# Code Editor
 
-**Code Editor** widget is a versatile text editor for editing code and supports several languages. 
+**Code Editor** component is a versatile text editor for editing code and supports several languages. 
 
 <div style={{textAlign: 'center'}}>
 
-<img className="screenshot-full" src="/img/widgets/code-editor/editor.png" alt="ToolJet - Widget Reference - Code editor" />
+<img className="screenshot-full" src="/img/widgets/code-editor/editor.png" alt="ToolJet - Component Reference - Code editor" />
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 | <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
@@ -166,7 +165,7 @@ Any property having `Fx` button next to its field can be **programmatically conf
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -174,46 +173,48 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:---------- |
-| value | This variable holds the value whenever the user inputs anything on the code-editor . | Access the value dynamically using JS: `{{components.codeeditor1.value}}`| 
+| value | Holds the value of the user inputs in the code editor. | Access the value dynamically using JS (for e.g., `{{components.codeeditor1.value}}`). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 | <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| Show on desktop | Toggle on or off to display the widget in desktop view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile | Toggle on or off to display the widget in mobile view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Toggle on or off to display the component in desktop view. You can programmatically determine the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on mobile | Toggle on or off to display the component in mobile view. You can programmatically determine the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Styles </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
 |:----------- |:----------- |:----------- |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
 | Border radius | Modifies the border radius of the editor. The field expects only numerical value from `1` to `100`. | Default is `0`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/color-picker.md b/docs/docs/widgets/color-picker.md
index 3f5a61006e..307ff988c7 100644
--- a/docs/docs/widgets/color-picker.md
+++ b/docs/docs/widgets/color-picker.md
@@ -3,19 +3,17 @@ id: color-picker
 title: Color Picker
 ---
 
-# Color Picker
+**Color Picker** component is used to select the desired color from the color picker.
 
-**Color Picker** widget is used to select the desired color from the color picker
-
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 ### Default color
 
-The data needs to be an valid hex color
+The data needs to be a valid hex color.
 
-- One can change default color either from color picker or using `fx` (need to provide only respective hex value)
+- One can change default color either from color picker or using **fx** (need to provide only respective hex value).
 
 **Example:**
 
@@ -26,19 +24,17 @@ Invalid Color : #0000, "black" , rgb(0,0,0) ,
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
-To add an event to a color-picker component, click on the widget handle to open the widget properties on the right sidebar. Go to the **Events** section and click on **+ Add handler**.
-
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On change | On change event is triggered when the color is changed on the color-picker|
+| On change | Triggers whenever the color is changed on the color-picker.|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -46,44 +42,46 @@ The following actions of the component can be controlled using component specifi
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:----------- |
-| setColor | Set a color on the color component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.colorpicker1.setColor('#64A07A')` |
+| setColor() | Sets a color on the color component. | Employ a RunJS query (for e.g., `await components.colorpicker1.setColor('#64A07A')`) or trigger it using an event. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:---------- |
-| selectedColorHex | Gets updated with HEX color code whenever a user selects a color from the color picker.| Access the value dynamically using JS: `{{components.colorpicker1.selectedColorHex}}`|
-| selectedColorRGB | Gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.colorpicker1.selectedColorRGB}}`|
-| selectedColorRGBA | Gets updated with RGBA color code whenever a user selects a color from the color picker.| Access the value dynamically using JS: `{{components.colorpicker1.selectedColorRGBA}}`|
+| selectedColorHex | Gets updated with HEX color code whenever a user selects a color from the color picker.| Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorHex}}`).|
+| selectedColorRGB | Gets updated with RGB color code whenever a user selects a color from the color picker. | Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorRGB}}`).|
+| selectedColorRGBA | Gets updated with RGBA color code whenever a user selects a color from the color picker.| Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorRGBA}}`).|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value  </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value  </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | Programmatically determine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | Programmatically determinine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+----
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description    </div>                                                                                                                                                                                                                                          | <div style={{ width:"135px"}}> Expected Value </div> |
 |:---------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:---------- |
-| Visibility | Toggle on or off to control the visibility of the widget.| Programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not visible after the app is deployed. By default, it's set to `{{true}}` |
+| Visibility | Toggle on or off to control the visibility of the component.| Programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not visible after the app is deployed. By default, it's set to `{{true}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Actions
 
@@ -92,19 +90,19 @@ The following actions of the component can be controlled using component specifi
 | setColor | Set the  color. | `color` eg - `#ffffff` |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 **Example: Selecting/changing color from the color picker and getting respective hex, rgb and rgba value of selected color**
-- Let's start by creating a new app and then dragging the Color Picker  widget onto the canvas.
-- Click on the Color Picker widget, a picker pop-up will appear, one can select desired color from the picker.
+- Let's start by creating a new app and then dragging the Color Picker component onto the canvas.
+- Click on the Color Picker component, a picker pop-up will appear, one can select desired color from the picker.
 - In order to close the appeared picker pop-up, one need's to move away mouse from the picker pop-up and picker pop-up will fade away.
-- In the Inspector, inside component, look for colorpicker, where one can get respective hex, rgb and rgba color
+- In the Inspector, inside component, look for colorpicker, where one can get respective hex, rgb and rgba color.
 
 <div style={{textAlign: 'center'}}>
 
-<img className="screenshot-full" src="/img/widgets/color-picker/colorpickerinspector-v2.png" alt="ToolJet - Widget Reference - Color Picker" />
+<img className="screenshot-full" src="/img/widgets/color-picker/colorpickerinspector-v2.png" alt="ToolJet - Component Reference - Color Picker" />
 
 </div>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/date-range-picker.md b/docs/docs/widgets/date-range-picker.md
index c893615588..3086237b90 100644
--- a/docs/docs/widgets/date-range-picker.md
+++ b/docs/docs/widgets/date-range-picker.md
@@ -2,31 +2,28 @@
 id: date-range-picker
 title: Date-range Picker
 ---
-# Date-Range Picker
 
-The **Date-Range Picker** widget allows users to select a range of dates.
+The **Date-Range Picker** component allows users to select a range of dates.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 | <div style={{ width:"135px"}}> Property  </div>    | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| Default start date | Set the start date to be selected by default in the widget |
-| Default end date | Set the start date to be selected by default in the widget |
+| Default start date | Set the start date to be selected by default in the component. |
+| Default end date | Set the start date to be selected by default in the component. |
 | Format | The format of the date selected by the date picker. Default date format is **DD/MM/YYYY**. Date format should be followed as ISO 8601 as mentioned in the [moment documentation](https://momentjs.com/docs/). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
-Date range picker supports the following events:
-
 | <div style={{ width:"100px"}}> Event  </div>    | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On select | The On select event is triggered when the a start date and end date is selected on the picker. Just like any other event on ToolJet, you can set multiple handlers for on select event. |
+| On select | Triggered when a start date and end date are selected. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -34,7 +31,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -42,51 +39,53 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| endDate | This variable holds the date of the endDate selected in the component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`|
-| startDate | This variable holds the value assigned inside the `code` for custom component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`|
+| endDate | This variable holds the date of the endDate selected in the component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
+| startDate | This variable holds the value assigned inside the `code` for the custom component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 | <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+---
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Default Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Border radius | This is to modify the border radius of the date range picker. The field expects only numerical value from `1` to `100`| By default, it's set to `0`|
-| Visibility | This is to control the visibility of the widget. If `{{false}}` the widget will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`|
-| Disable | This property only accepts boolean values. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| Border radius | This is to modify the border radius of the date range picker. The field expects only numerical value from `1` to `100`. | By default, it's set to `0`. |
+| Visibility | This is to control the visibility of the component. If `{{false}}` the component will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`. |
+| Disable | This property only accepts boolean values. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/file-picker.md b/docs/docs/widgets/file-picker.md
index 826798839b..099a2b03b8 100644
--- a/docs/docs/widgets/file-picker.md
+++ b/docs/docs/widgets/file-picker.md
@@ -63,7 +63,7 @@ Checkout **[this](/docs/how-to/loading-image-pdf-from-db)** guide to learn how t
 
 | Actions | Description | How To Access |
 |:--------|:-----------|:------------|
-| <div style={{ width:"100px"}}> clearFiles() </div> | You can clear the selected files on the filepicker component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.filepicker1.clearFiles()`. |
+| <div style={{ width:"100px"}}> clearFiles() </div> | Clears the selected files from the file picker component. | Employ a RunJS query (for e.g., `await components.filepicker1.clearFiles()`) or trigger it using an event. |
 
 </div>
 
@@ -73,7 +73,7 @@ Checkout **[this](/docs/how-to/loading-image-pdf-from-db)** guide to learn how t
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"200px"}}> How To Access </div> |
 |:----------- |:----------- |:-------- |
-| file | This variable holds the array of objects where each object represents the file loaded on the file picker component. Each object has the following keys: **name**, **type**, **content**, **dataURL**, **base64Data**, **parsedData**, **filePath**. | The values can be accesed using `{{components.filepicker1.file[0].base64Data}}`. |
+| file | Holds an array of file objects loaded in the file picker, each with properties: **name**, **type**, **content**, **dataURL**, **base64Data**, **parsedData**, **filePath**. | Accessible dynamically with JS (for e.g., `{{components.filepicker1.file[0].base64Data}}`). |
 
 </div>
 
@@ -106,12 +106,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
diff --git a/docs/docs/widgets/image.md b/docs/docs/widgets/image.md
index 873a044b77..8bbbf25960 100644
--- a/docs/docs/widgets/image.md
+++ b/docs/docs/widgets/image.md
@@ -63,12 +63,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** to set the value and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** to set the value and entering a logical expression. |
 
 </div>
 
diff --git a/docs/docs/widgets/kanban-board.md b/docs/docs/widgets/kanban-board.md
index 7abafbb3ae..5342f3933f 100644
--- a/docs/docs/widgets/kanban-board.md
+++ b/docs/docs/widgets/kanban-board.md
@@ -3,17 +3,16 @@ id: kanban
 title: Kanban
 ---
 
-# Kanban
-
 The **Kanban** component allows you to visually organize and prioritize your tasks with a transparent workflow. You can set the number of columns to display, enable/disable the add cards button, and bind data to the cards.
 
 :::info Restricted components
 Certain components are restricted from being placed within the **Card** and **Popout** of the **Kanban** component.
+
 - **Card**: Calendar, Kanban, Form, Tabs, Modal, ListView, Container
 - **Popout**: Calendar, Kanban
-:::
+  :::
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Setting Card Data
 
@@ -28,40 +27,41 @@ For instance, you can set the `Data` property of a Text component on a card usin
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
+
 - It is mandatory to provide an `id` for each column in the `column data` field. The `id` can be of type `string` or `number`.
 - It is mandatory to provide an `id` and a `columnId` for each card in the `Card data` field. Both `id` and `columnId` can be of type `string` or `number`.
-:::
+  :::
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:----------- |:----------- |:----------- |
-| Column data | Enter the columns data - `id` and `title` in the form of array of objects or from a query that returns an array of objects. | `{{[{ "id": "c1", "title": "to do" },{ "id": "c2", "title": "in progress" },{ "id": "c3", "title": "Completed" }]}}` or `{{queries.xyz.data}}` |
-| Card data | Enter the cards data - `id`, `title` and `columnId` in the form of array of objects or from a query that returns an array of objects. | `{{[{ id: "r1", title: "Title 1", description: "Description 1", columnId: "c1" },{ id: "r2", title: "Title 2", description: "Description 2", columnId: "c2" },{ id: "r3", title: "Title 3", description: "Description 3",columnId: "c3" }]}}` or `{{queries.abc.data}}` |
-| Card width | Set the width of the card | This property expects a numerical value. By default, the value is set to `{{302}}` |
-| Card height | Set the width of the card | This property expects a numerical value. By default, the value is set to `{{100}}` |
-| Enable add card | This property allows you to show or hide the **+Add Cards** button on the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the `Fx` next to it |
-| Show delete button | This property allows you to show or hide the **Drop here to delete cards** section at the bottom of the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the `Fx` next to it |
+| :---------------- | :------------------------ | :---------------------------- |
+| Column data  | Enter the columns data - `id` and `title` in the form of array of objects or from a query that returns an array of objects. | `{{[{ "id": "c1", "title": "to do" },{ "id": "c2", "title": "in progress" },{ "id": "c3", "title": "Completed" }]}}` or `{{queries.xyz.data}}`.  |
+| Card data   | Enter the cards data - `id`, `title` and `columnId` in the form of array of objects or from a query that returns an array of objects. | `{{[{ id: "r1", title: "Title 1", description: "Description 1", columnId: "c1" },{ id: "r2", title: "Title 2", description: "Description 2", columnId: "c2" },{ id: "r3", title: "Title 3", description: "Description 3",columnId: "c3" }]}}` or `{{queries.abc.data}}`. |
+| Card width  | Set the width of the card. | This property expects a numerical value. By default, the value is set to `{{302}}`. |
+| Card height | Set the width of the card. | This property expects a numerical value. By default, the value is set to `{{100}}`. |
+| Enable add card | This property allows you to show or hide the **+Add Cards** button on the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the **fx** next to it. |
+| Show delete button | This property allows you to show or hide the **Drop here to delete cards** section at the bottom of the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the **fx** next to it. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
 To add an event, click on the component handle to open the component properties on the right sidebar. Go to the **Events** section and click on **Add handler**.
 
-|  <div style={{ width:"100px"}}> Event </div> |  <div style={{ width:"100px"}}> Description </div> |
-|:----------- |:----------- |
-| On Update | On update event is triggered whenever the card data (id, title, description, or columnID) is updated using the component specific actions. |
-| On add card click | This event is triggered whenever the **Add card** button on the Kanban is clicked. |
-| Card removed | This event is triggered whenever the card is **deleted** from the Kanban by dragging it into the bottom delete box or using component specific action. |
-| Card added | This event is triggered whenever a card is **added** on the Kanban using the component specific action. |
-| Card moved | This event is triggered whenever the card's position is changed on the Kanban or using the component specific action. |
-| Card selected | This event is triggered whenever a card is clicked to open the modal. |
+| <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div>  |
+| :-------------------| :----------------|
+| On Update  | On update event is triggered whenever the card data (id, title, description, or columnID) is updated using the component specific actions.  |
+| On add card click  | This event is triggered whenever the **Add card** button on the Kanban is clicked.  |
+| Card removed  | This event is triggered whenever the card is **deleted** from the Kanban by dragging it into the bottom delete box or using component specific action. |
+| Card added  | This event is triggered whenever a card is **added** on the Kanban using the component specific action. |
+| Card moved  | This event is triggered whenever the card's position is changed on the Kanban or using the component specific action. |
+| Card selected  | This event is triggered whenever a card is clicked to open the modal.  |
 
 Just like any other event on ToolJet, you can set multiple handlers for any of the above mentioned events.
 
@@ -73,40 +73,41 @@ Check the **[Component Specific Action](#component-specific-actions-csa)** avail
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
-| <div style={{ width:"100px"}}> Variable </div>| <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
-|:-------- |:----------- |:---------- |
-| updatedCardData | The `updatedCardData` variable will hold the latest values of all the cards in the Kanban. This variable won't have any values. | It will have values only when any action on any of the card is performed like when the card is moved, added, deleted, or updated. |
-| lastAddedCard | The variable `lastAddedCard` holds the values of the last added card. It holds the following data - `id`, `title`, `description` and `columnId` of the last added card. | Get the values using `{{components.kanban1.lastAddedCard.title}}` |
-| lastRemovedCard | The variable `lastRemovedCard` holds the properties of the card that has been recently deleted from the Kanban. It holds the following data - `id`, `title`, `description` and `columnId` of the recently deleted card. | Get the values using `{{components.kanbanboard1.lastRemovedCard.title}}` |
-| lastCardMovement | The variable `lastCardMovement` holds the properties of the card that has been recently moved from its original position. It holds the following data - `originColumnId`, `destinationColumnId`, `originCardIndex`, `destinationCardIndex` and an object `cardDetails` which includes `id`, `title`, `description` and `columnId` of the moved card. | Get the values using `{{components.kanbanboard1.lastCardMovement.cardDetails.title}}` or `{{components.kanbanboard1.lastCardMovement.destinationCardIndex}}` |
-| lastSelectedCard | The variable `lastSelectedCard` holds the `id`, `title`, `columnId`, and `description` of the last selected(clicked to view) card on the Kanban. | Get the values using `{{components.kanban1.lastSelectedCard.columnId}}` |
-| lastUpdatedCard | The variable `lastUpdatedCard` holds the `id`, `title`, `description`, and `columnId` of the last updated card(using component specific action). | Get the values using `{{components.kanban1.lastUpdatedCard.columnId}}` |
-| lastCardUpdate | The variable `lastCardUpdate` holds the old an new values of the property that has been changed in the card(using component specific action). | Get the values using `{{components.kanban1.lastCardUpdate[0].title.oldValue}}` |
+| <div style={{ width:"100px"}}> Variable </div> | <div style={{ width:"135px"}}> Description </div>   | <div style={{ width:"135px"}}> How To Access </div>   |
+| :------------- | :----------------- | :---------------- |
+| updatedCardData | The `updatedCardData` variable will hold the latest values of all the cards in the Kanban. This variable won't have any values.  | It will have values only when any action on any of the card is performed like when the card is moved, added, deleted, or updated.  |
+| lastAddedCard | The variable `lastAddedCard` holds the values of the last added card. It holds the following data - `id`, `title`, `description` and `columnId` of the last added card.  | Get the values using `{{components.kanban1.lastAddedCard.title}}`.     |
+| lastRemovedCard  | The variable `lastRemovedCard` holds the properties of the card that has been recently deleted from the Kanban. It holds the following data - `id`, `title`, `description` and `columnId` of the recently deleted card.   | Get the values using `{{components.kanbanboard1.lastRemovedCard.title}}`.    |
+| lastCardMovement | The variable `lastCardMovement` holds the properties of the card that has been recently moved from its original position. It holds the following data - `originColumnId`, `destinationColumnId`, `originCardIndex`, `destinationCardIndex` and an object `cardDetails` which includes `id`, `title`, `description` and `columnId` of the moved card. | Get the values using `{{components.kanbanboard1.lastCardMovement.cardDetails.title}}` or `{{components.kanbanboard1.lastCardMovement.destinationCardIndex}}`. |
+| lastSelectedCard  | The variable `lastSelectedCard` holds the `id`, `title`, `columnId`, and `description` of the last selected(clicked to view) card on the Kanban. | Get the values using `{{components.kanban1.lastSelectedCard.columnId}}`.   |
+| lastUpdatedCard | The variable `lastUpdatedCard` holds the `id`, `title`, `description`, and `columnId` of the last updated card(using component specific action).  | Get the values using `{{components.kanban1.lastUpdatedCard.columnId}}`.  |
+| lastCardUpdate  | The variable `lastCardUpdate` holds the old an new values of the property that has been changed in the card(using component specific action).   | Get the values using `{{components.kanban1.lastCardUpdate[0].title.oldValue}}`.    |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
 Following actions of Kanban component can be controlled using the component specific actions(CSA):
 
-| <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
-|:----------- |:----------- |:----------- |
-| updateCardData | Update the card data of Kanban component via a component-specific action within any event handler.| Employ a RunJS query to execute component-specific actions such as `components.kanban1.updateCardData('c1', {title: 'New Title'})` |
-| moveCard | Move a card from one column to other column on the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.moveCard('card id,'column id')` ex: `await components.kanban1.moveCard('c1','r2')` |
-| addCard | Add a card onto the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.addCard('c1', {title: 'New Title'})` |
-| deleteCard | Delete a card from the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.deleteCard('card id')` ex: `await components.kanban1.deleteCard('c2')` |
+| <div style={{ width:"100px"}}> Actions </div> | <div style={{ width:"135px"}}> Description </div>  | <div style={{ width:"135px"}}> How To Access </div>    |
+| :-------------- | :----------------- | :--------------- |
+| updateCardData | Update the card data of Kanban component via a component-specific action within any event handler.  | Employ a RunJS query to execute component-specific actions such as `components.kanban1.updateCardData('c1', {title: 'New Title'})`.        |
+| moveCard  | Move a card from one column to other column on the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.moveCard('card id,'column id')` ex: `await components.kanban1.moveCard('c1','r2')`. |
+| addCard   | Add a card onto the kanban via a component-specific action within any event handler.  | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.addCard('c1', {title: 'New Title'})`.  |
+| deleteCard   | Delete a card from the kanban via a component-specific action within any event handler.   | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.deleteCard('card id')` ex: `await components.kanban1.deleteCard('c2')`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
+
 ### Tooltip
 
 A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
@@ -115,25 +116,27 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div>   |
+| :------------ | :------------ | :-------------- |
+| Show on desktop  | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+----
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style  </div>      | <div style={{ width:"100px"}}> Description  </div>                                                                                                                                                                 |
-|:------------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Disable      | If disabled or set to `{{false}}` the component will be locked and becomes non-functional. By default, its disabled i.e. its value is set to `{{true}}` .                        |
-| Visibility   | This is to control the visibility of the component. If `{{false}}`/disabled the component will not visible after the app is deployed. By default, it's enabled (set to `{{true}}`). |
-| Accent color | You can change the accent color of the column title by entering the Hex color code or choosing a color of your choice from the color picker.                                  |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>  |
+| :------------- | :------------------ |
+| Disable   | If disabled or set to `{{false}}` the component will be locked and becomes non-functional. By default, its disabled i.e. its value is set to `{{true}}`.  |
+| Visibility  | This is to control the visibility of the component. If `{{false}}`/disabled the component will not visible after the app is deployed. By default, it's enabled (set to `{{true}}`). |
+| Accent color | You can change the accent color of the column title by entering the Hex color code or choosing a color of your choice from the color picker.  |
 
 </div>
diff --git a/docs/docs/widgets/link.md b/docs/docs/widgets/link.md
index 1da853e61f..ab2718e981 100644
--- a/docs/docs/widgets/link.md
+++ b/docs/docs/widgets/link.md
@@ -11,9 +11,9 @@ The **Link** component allows you to add a hyperlink and navigate to the externa
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:-------------- |
-| Link target | This property sets the URL where the user needs to be taken on clicking the link. | example: `https://dev.to/tooljet` or `{{queries.xyz.data.url}}` | 
-| Link text | This property sets the text for the Link component.  | example: **Click here** or **Open webpage** | 
-| Target type | This property specifies the link to be opened in the same tab or new tab on clicking the link. | Options: **New Tab** & **Same Tab** |
+| Link target | This property sets the URL where the user needs to be taken on clicking the link. | example: `https://dev.to/tooljet` or `{{queries.xyz.data.url}}`. | 
+| Link text | This property sets the text for the Link component.  | example: **Click here** or **Open webpage**. | 
+| Target type | This property specifies the link to be opened in the same tab or new tab on clicking the link. | Options: **New Tab** & **Same Tab**. |
 
 </div>
 
@@ -23,8 +23,8 @@ The **Link** component allows you to add a hyperlink and navigate to the externa
 
 |  <div style={{ width:"100px"}}> Event </div> |  <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On click | **On Click** event is triggered when the link is clicked. Just like any other event on ToolJet, you can set multiple handlers for on click event. |
-| On hover | **On Hover** event is triggered when the link is hovered. Just like any other event on ToolJet, you can set multiple handlers for on click event. |
+| On click | Triggered when the link is clicked. |
+| On hover | Triggered when the cursor hovers over the link. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -40,7 +40,7 @@ The following actions of the link component can be controlled using the componen
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:------------ |
-| click | You can trigger the click action of the Link component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.link1.click()`. |
+| click | Triggers click action of the link component. | Employ a RunJS query to execute component-specific actions such as `await components.link1.click()` or trigger it using an event. |
 
 </div>
 
@@ -65,12 +65,12 @@ Under the **General** accordion, you can set the value in the string format. Now
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -84,7 +84,7 @@ Under the **General** accordion, you can set the value in the string format. Now
 |:----------- |:----------- | 
 | Text color |  You can change the background color of the text by entering the Hex color code or choosing a color of your choice from the color picker. |
 | Text size | By default, the text size is set to 14. You can enter any value from 1-100 to set a custom text size. |
-| Underline | You can change the underline of the text in the following ways: **on-hover (default), never, always** |
+| Underline | You can change the underline of the text in the following ways: **on-hover (default), never, always**. |
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not visible after the app is deployed. By default, it's set to `{{true}}`. |
 
 :::info
diff --git a/docs/docs/widgets/map.md b/docs/docs/widgets/map.md
index fe41b20a2b..877c32ab55 100644
--- a/docs/docs/widgets/map.md
+++ b/docs/docs/widgets/map.md
@@ -15,21 +15,21 @@ If you are utilizing the self-hosted version of ToolJet, it is necessary to conf
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 | <div style={{ width:"100px"}}> Properties   </div>   | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:------------------ |
-| Initial location | default location when the app is loaded initially. | An object containing the **latitude** and **longitude** as key value pairs. ex: `{{ {"lat": 40.7128, "lng": -73.935242} }}` |
-| Default markers | Number of markers that should be shown on the map | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}` |
-| Polygon points | Create a polygon on the map using the given coordinates. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}` |
-| Add new markers | On clicking the map, a new marker will be added to the map. | By default, it's set to `On`. Toggle `off` to disable adding new markers on the map. Click `Fx` to set `{{true}}` or `{{false}}` programmatically. |
-| Search for places | Enable to show the search box on the map. | By default, it's set to `On`. Toggle `off` to disable the search box on the map. Click `Fx` to set `{{true}}` or `{{false}}` programmatically. |
+| Initial location | default location when the app is loaded initially. | An object containing the **latitude** and **longitude** as key value pairs. ex: `{{ {"lat": 40.7128, "lng": -73.935242} }}`. |
+| Default markers | Number of markers that should be shown on the map. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}`. |
+| Polygon points | Create a polygon on the map using the given coordinates. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}`. |
+| Add new markers | On clicking the map, a new marker will be added to the map. | By default, it's set to `On`. Toggle `off` to disable adding new markers on the map. Click **fx** to set `{{true}}` or `{{false}}` programmatically. |
+| Search for places | Enable to show the search box on the map. | By default, it's set to `On`. Toggle `off` to disable the search box on the map. Click **fx** to set `{{true}}` or `{{false}}` programmatically. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -46,7 +46,7 @@ For detailed information about all the available **Actions**, please refer to th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -54,11 +54,11 @@ Following actions of Map component can be controlled using the component specifi
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:---------- |:---------- |:------- |
-| setLocation | Set the marker's location on map using latitude and longitude values as parameters via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `component.map1.setLocation(40.7128, -73.935242)`  |
+| setLocation | Set the marker's location on map using latitude and longitude values as parameters via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `component.map1.setLocation(40.7128, -73.935242)`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -67,18 +67,18 @@ Exposed variables can be used to get data from the component.
 | <div style={{ width:"100px"}}> Variables </div>   | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
 | center | This variable will hold the latitude, longitude and the google map url value. |
-| center.`lat` | This variable holds the latitude value of the marker on the Map component. | Access the value dynamically using JS: `{{components.map1.center.lat}}`|
-| center.`lng` | This variable gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.map1.center.lng}}`|
-| center.`googleMapUrl` | This variable holds the URL of the location where the center marker is placed on the Map component. | Access the value dynamically using JS: `{{components.map1.center.googleMapUrl}}`|
-| markers | The markers variable will hold the value only if `add new markers` is enabled from the map properties. Each marker is an object and will have `lat` and `lng` keys. | Access the values dynamically using `{{components.map1.markers[1].lat}}` |
-| selectedMarker | Object with the marker selected by the user |
-| bounds | It constructs a rectangle from the points at its south-west and north-east corners |
-| bounds.northEast | It holds the latitude and longitude of the north-east corner of the rectangle.| Access the value dynamically using JS: `{{components.map1.bounds.northEast.lat}}` or `{{components.map1.bounds.northEast.lng}}` |
-| bounds.southWest | It holds the latitude and longitude of the south-west corner of the rectangle. | Access the value dynamically using JS: `{{components.map1.bounds.southWest.lat}}` or `{{components.map1.bounds.southWest.lng}}` |
+| center.`lat` | This variable holds the latitude value of the marker on the Map component. | Access the value dynamically using JS: `{{components.map1.center.lat}}`. |
+| center.`lng` | This variable gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.map1.center.lng}}`. |
+| center.`googleMapUrl` | This variable holds the URL of the location where the center marker is placed on the Map component. | Access the value dynamically using JS: `{{components.map1.center.googleMapUrl}}`. |
+| markers | The markers variable will hold the value only if `add new markers` is enabled from the map properties. Each marker is an object and will have `lat` and `lng` keys. | Access the values dynamically using `{{components.map1.markers[1].lat}}`. |
+| selectedMarker | Object with the marker selected by the user. |
+| bounds | It constructs a rectangle from the points at its south-west and north-east corners. |
+| bounds.northEast | It holds the latitude and longitude of the north-east corner of the rectangle.| Access the value dynamically using JS: `{{components.map1.bounds.northEast.lat}}` or `{{components.map1.bounds.northEast.lng}}`. |
+| bounds.southWest | It holds the latitude and longitude of the south-west corner of the rectangle. | Access the value dynamically using JS: `{{components.map1.bounds.southWest.lat}}` or `{{components.map1.bounds.southWest.lng}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
@@ -87,25 +87,27 @@ A Tooltip is often used to specify the extra information when the user hovers th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+  
+----
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Properties </div>     | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:------------------ |
-| Visibility | Toggle on or off to control the visibility of the component. | You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the component will not be visible after the app is release. By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. | You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
-| Box shadow | Add a shadow effect to the component by providing values to X, Y, Blur, Spread and Color. | You can also programmatically set the value by clicking on the `Fx` button next to it. Ex: `{{"x": 0, "y": 0, "blur": 0, "spread": 0, "color": "#000000"}}` | 
+| Visibility | Toggle on or off to control the visibility of the component. | You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is release. By default, it's set to `{{true}}`. |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. | You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
+| Box shadow | Add a shadow effect to the component by providing values to X, Y, Blur, Spread and Color. | You can also programmatically set the value by clicking on the **fx** button next to it. Ex: `{{"x": 0, "y": 0, "blur": 0, "spread": 0, "color": "#000000"}}`. | 
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/pagination.md b/docs/docs/widgets/pagination.md
index df11c911c2..037a769a1b 100644
--- a/docs/docs/widgets/pagination.md
+++ b/docs/docs/widgets/pagination.md
@@ -2,7 +2,6 @@
 id: pagination
 title: Pagination
 ---
-# Pagination
 
 **Pagination** enables the user to select a specific page from a range of pages. It is used to separate the content into discrete pages.
 
@@ -23,7 +22,7 @@ You can club the Pagination component with the List View component.
 
 <div style={{paddingTop:'24px'}}>
 
-## Event 
+## Event
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:------------------|:---------------------|
@@ -43,10 +42,10 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 ## Exposed Variables
 
-| <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div>|
+| <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| totalPages | This variable holds the value of the `Number of Pages` set from the Pagination component properties. | Access the value dynamically using JS: `{{components.pagination1.totalPages}}`. |
-| currentPageIndex | This variable will hold the index of the currently selected option on the Pagination component. | Access the value dynamically using JS: `{{components.pagination1.currentPageIndex}}`. |
+| totalPages | Holds the value of the `Number of Pages` set from the Pagination component properties.| Accessible dynamically with JS(for e.g., `{{components.pagination1.totalPages}}`).|
+| currentPageIndex | Holds the index of the currently selected option on the Pagination component. | Accessible dynamically with JS(for e.g., `{{components.pagination1.currentPageIndex}}`). |
 
 </div>
 
@@ -63,12 +62,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+|:------------ |:-------------|:--------- |
+| Show on desktop  | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -78,10 +77,10 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}>  Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
 |:------------ |:-------------|:--------- |
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
+| Disable  | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
 :::info
 Any property having **fx** button next to its field can be **programmatically configured**.
diff --git a/docs/docs/widgets/qr-scanner.md b/docs/docs/widgets/qr-scanner.md
index 0127f404cd..13511dbaba 100644
--- a/docs/docs/widgets/qr-scanner.md
+++ b/docs/docs/widgets/qr-scanner.md
@@ -15,7 +15,7 @@ You might have to stick to the Safari browser in IOS as camera access is restric
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:------------------|:---------------------|
-| On Detect | Triggers whenever the component successfully scans a QR code. |
+| On detect | Triggers whenever the component successfully scans a QR code. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -44,7 +44,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div>|
 |:----------- |:----------- |:--------- |
-| lastDetectedValue | This variable holds the data contained in the last QR code scanned by the component. | To fetch the data use `{{components.qrscanner1.lastDetectedValue}}`. |
+| lastDetectedValue | Holds the data from the last QR code scanned by the component. | Accessible dynamically with JS (for e.g., `{{components.qrscanner1.lastDetectedValue}}`). |
 
 </div>
 
@@ -63,12 +63,12 @@ Now hovering over the component will display the string as the tooltip.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -83,4 +83,4 @@ Now hovering over the component will display the string as the tooltip.
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
 | Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/radio-button.md b/docs/docs/widgets/radio-button.md
index b53986e97a..32a29b93b0 100644
--- a/docs/docs/widgets/radio-button.md
+++ b/docs/docs/widgets/radio-button.md
@@ -2,32 +2,33 @@
 id: radio-button
 title: Radio Button
 ---
+
 # Radio Button
 
-The **Radio Button** widget can be used to select one option from a group of options.
+The **Radio Button** component can be used to select one option from a group of options.
 
 :::tip
 Radio Buttons are preferred when the list of options is less than six, and all the options can be displayed at once.
 :::
 
 :::info
-For more than six options, consider using **[Dropdown](/docs/widgets/dropdown)** widget.
+For more than six options, consider using **[Dropdown](/docs/widgets/dropdown)** component.
 :::
 
 ## Properties
 
-| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"150px"}}> Description </div> | 
-|:------------ |:-------------|
-| Label | The text is to be used as the label for the radio button. This field expects a `String` value. |
-| Default value | The value of the default option. |
-| Option values | List of values for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.value)}}` or populate it with sample values `{{[true, false]}}`. |
-| Option labels | List of labels for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.label)}}` or populate it with sample values `{{["yes", "no"]}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"150px"}}> Description </div>                                                                                                                                                     |
+| :--------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Label                                          | The text is to be used as the label for the radio button. This field expects a `String` value.                                                                                                        |
+| Default value                                  | The value of the default option.                                                                                                                                                                      |
+| Option values                                  | List of values for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.value)}}` or populate it with sample values `{{[true, false]}}`. |
+| Option labels                                  | List of labels for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.label)}}` or populate it with sample values `{{["yes", "no"]}}`. |
 
 ## Event
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
-|:------------------|:---------------------|
-| On select | This event is triggered when an option is clicked. |
+| :------------------------------------------ | :------------------------------------------------ |
+| On select                                   | Triggers whenever the user clicks an option.      |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -37,33 +38,36 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 The following actions of the component can be controlled using component specific actions(CSA):
 
-| <div style={{ width:"100px"}}> Actions  </div> |<div style={{ width:"135px"}}>  Description </div> | <div style={{ width:"135px"}}> How To Access </div>
-|:----------- |:----------- |:------- |
-| selectOption | Select an option from the radio buttons via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `await components.radiobutton1.selectOption('one')` |
+| <div style={{ width:"100px"}}> Actions </div> | <div style={{ width:"135px"}}> Description </div>                                                 | <div style={{ width:"135px"}}> How To Access </div>                                                                     |
+| :-------------------------------------------- | :------------------------------------------------------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------- |
+| selectOption                                  | Select an option from the radio buttons via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `await components.radiobutton1.selectOption('one')` |
 
 ## Exposed Variables
 
 There are currently no exposed variables for the component.
 
 ## General
+
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 ## Layout
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div>                                                            |
+| :------------------------------------------- | :------------------------------------------------ | :-------------------------------------------------------------------------------------------------------------- |
+| Show on desktop                              | Toggle on or off to display desktop view.         | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on mobile                               | Toggle on or off to display mobile view.          | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+
+---
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}>  Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
-|:------------ |:-------------|:--------- |
-| Text color | Change the color of the text in the widget by providing the `Hex color code` or by choosing the color of your choice from the color picker. |  |
-| Active color | Change the color of active radio button by providing the `Hex color code` or by choosing the color of your choice from the color picker. |  |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>                                                                                                                                                                                                                          | <div style={{ width:"100px"}}> Default Value </div> |
+| :------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------- |
+| Text color                                  | Change the color of the text in the component by providing the `Hex color code` or by choosing the color of your choice from the color picker.                                                                                                                             |                                                     |
+| Active color                                | Change the color of active radio button by providing the `Hex color code` or by choosing the color of your choice from the color picker.                                                                                                                                   |                                                     |
+| Visibility                                  | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed.                                            | By default, it's set to `{{true}}`                  |
+| Disable                                     | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`         |
diff --git a/docs/docs/widgets/star-rating.md b/docs/docs/widgets/star-rating.md
index 31ea7f83df..a208cd8e2a 100644
--- a/docs/docs/widgets/star-rating.md
+++ b/docs/docs/widgets/star-rating.md
@@ -26,7 +26,7 @@ The **Star Rating** component can be used to display as well as input ratings. T
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On Change | This event is triggered when a star is clicked. |
+| On change | Triggers whenever the user clicks a star. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -48,7 +48,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 | <div style={{ width:"100px"}}> Variables  </div>  | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| value | This variable holds the value whenever a rating is added on the component. The variable holds a numerical value. | Access the value dynamically using JS: `{{components.colorpicker1.selectedColorHex}}`.|
+| value |Holds the value entered by the user whenever a rating is added on the component. | Accessible dynamically with JS (for e.g., `{{components.starrating1.value}}`).|
 
 </div>
 
@@ -65,12 +65,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -87,4 +87,4 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
 | Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/steps.md b/docs/docs/widgets/steps.md
index b49397b365..f95d4429ea 100644
--- a/docs/docs/widgets/steps.md
+++ b/docs/docs/widgets/steps.md
@@ -78,15 +78,17 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
+---
+
 <div style={{paddingTop:'24px'}}>
 
 ## Styles
diff --git a/docs/docs/widgets/svg-image.md b/docs/docs/widgets/svg-image.md
index 88b5576d56..228d26eebf 100644
--- a/docs/docs/widgets/svg-image.md
+++ b/docs/docs/widgets/svg-image.md
@@ -56,21 +56,23 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
 <div style={{paddingTop:'24px'}}>
 
+---
+
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | Configuration Options |
 |:------------ |:-------------|:--------- |
-| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
-
+| Visibility | Controls component visibility. Toggle or set dynamically. | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Box-Shadow | Sets the box shadow properties of the component. | Select the box shadow color and adjust the related properties or programmatically set it using **fx**. |
 </div>
diff --git a/docs/docs/widgets/tabs.md b/docs/docs/widgets/tabs.md
index cc001c3f55..15d4b1ec80 100644
--- a/docs/docs/widgets/tabs.md
+++ b/docs/docs/widgets/tabs.md
@@ -5,7 +5,7 @@ title: Tabs
 
 # Tabs
 
-A **Tabs** widget contains a number of defined containers that can be navigated through the tabs. Each tab acts as a [container](/docs/widgets/container/) that can have different widgets placed inside it.
+A **Tabs** component contains a number of defined containers that can be navigated through the tabs. Each tab acts as a [container](/docs/widgets/container/) that can have different component placed inside it.
 
 :::caution Restricted components
 In order to avoid excessively complex situations, certain components, namely **Calendar** and **Kanban**, are restricted from being placed within the Tabs component using drag-and-drop functionality.
@@ -15,13 +15,13 @@ If the builder attempts to add any of the aforementioned components inside the T
 `<Restricted component> cannot be used as a child component within the Tabs.`
 :::
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 ### Tabs
 
-This property lets you add and remove containers from the Tabs widget. Each container in the tab has its unique `id` , `title` and `disabled` for disabling individual tabs . This field expects an array of objects.
+This property lets you add and remove containers from the Tabs component. Each container in the tab has its unique `id` , `title` and `disabled` for disabling individual tabs . This field expects an array of objects.
 
 ```js
 {{[
@@ -49,7 +49,7 @@ This property selects the container in the tab which matches the corresponding `
 
 ### Hide tab
 
-It allows you to hide all the tab titles defined in the Tabs property above. It accepts boolean values which can also be set using the toggle option or programmatically by clicking on the FX button.
+It allows you to hide all the tab titles defined in the Tabs property above. It accepts boolean values which can also be set using the toggle option or programmatically by clicking on the **fx** button.
 
 ### Render only active tab
 
@@ -57,7 +57,7 @@ This property is enabled by default. When enabled, only the active tab will be r
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -71,7 +71,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -83,7 +83,7 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -93,7 +93,7 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Actions
 
@@ -103,18 +103,20 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+----
 
 ## Styles
 
@@ -122,11 +124,11 @@ Following actions of Tabs component can be controlled using the component specif
 |:----------- |:----------- |
 | Highlight color | You can change the highlight color of the selected tab by entering the Hex color code or choosing a color of your choice from the color picker. |
 | Tab width | Tab width can be set as **auto** or **equally split**. |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
+| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the  component will not be visible after the app is deployed. By default, it's set to `{{true}}`. |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/textarea.md b/docs/docs/widgets/textarea.md
index 30746bc7a5..da6616c082 100644
--- a/docs/docs/widgets/textarea.md
+++ b/docs/docs/widgets/textarea.md
@@ -2,22 +2,23 @@
 id: textarea
 title: Textarea
 ---
+
 # Textarea
 
-The **Textarea** component allows users to enter text in an input field similar to the [Text Input](/docs/widgets/text-input) component. Textarea is generally preferred when we are expecting an input of multiple sentences. In this document, we'll go through all the configuration options for the **Textarea** component.  
+The **Textarea** component allows users to enter text in an input field similar to the [Text Input](/docs/widgets/text-input) component. Textarea is generally preferred when we are expecting an input of multiple sentences. In this document, we'll go through all the configuration options for the **Textarea** component.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
-| <div style={{ width:"100px"}}> Property </div>    | <div style={{ width:"100px"}}> Description                   </div>                              | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div>    | <div style={{ width:"100px"}}> Description  </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:-------------|:------------------------------------------------------------|:------------|
-| Default value| Used to set initial value in textarea on load. It is a pre-established value that can be retrieved from the Text area component if no modifications are made to it. | Enter some text as the value (example: "John Doe")|
-| Placeholder  | Provides a hint for the expected value. It disappears once the user interacts with the component. | Enter some instructional text as the value (example: "Type name here")   |
+| Default value| Used to set initial value in textarea on load. It is a pre-established value that can be retrieved from the Text area component if no modifications are made to it. | Enter some text as the value (example: "John Doe"). |
+| Placeholder  | Provides a hint for the expected value. It disappears once the user interacts with the component. | Enter some instructional text as the value (example: "Type name here"). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -30,17 +31,17 @@ Following actions of the **Textarea** component can be controlled using Componen
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | Variables | Description | How To Access |
-|:---------:|:-----------:|:-------------:|
+|:---------|:-----------|:-------------|
 | <div style={{ width:"100px"}}> value </div> | This variable holds the value entered in the text area component. | Access the value dynamically using JS. For example, `{{components.textarea1.value}}` |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -52,32 +53,32 @@ In the input field under **Tooltip**, you can enter some text and the component
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Devices </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| :----------- | :----------- | :------------ |
+| Show on desktop  | Makes the component visible in desktop view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
---- 
+---
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style  </div>    |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"135px"}}> Expected Value </div> |
-|:---------------|:-----------|:---------------|
-| Visibility | Controls the visibility of the component. If set to `{{false}}`, the component will not be visible after the app is deployed.| Use the toggle button OR click on `Fx` to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`|
-| Disable | Makes the component non-functional when set to true. | Use the toggle button OR click on `Fx` to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`|
-| Border radius | Adjusts the roundness of the component's corners.  | Numeric value|
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>  | <div style={{ width:"135px"}}> Expected Value </div>  |
+| :------------- | :-------------- | :-------------- |
+| Visibility  | Controls the visibility of the component. If set to `{{false}}`, the component will not be visible after the app is deployed. | Use the toggle button OR click on **fx** to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`. |
+| Disable  | Makes the component non-functional when set to true.  | Use the toggle button OR click on **fx** to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`. |
+| Border radius  | Adjusts the roundness of the component's corners.  | Numeric value  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -85,4 +86,4 @@ In the input field under **Tooltip**, you can enter some text and the component
 
 The **Box Shadow** property is used to add shadow effects around a component's frame. You can specify the horizontal and vertical offsets(through X and Y sliders), blur and spread radius, and color of the shadow.
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/docs/widgets/tree-select.md b/docs/docs/widgets/tree-select.md
index ae2cd17633..3ee6dfb550 100644
--- a/docs/docs/widgets/tree-select.md
+++ b/docs/docs/widgets/tree-select.md
@@ -5,9 +5,9 @@ title: Tree Select
 
 # Tree Select
 
-The **Tree Select** widget is a group checkboxes in a TreeView which can be expanded or collapsed.
+The **Tree Select** component is a group checkboxes in a TreeView which can be expanded or collapsed.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -86,7 +86,7 @@ Similar to checked values, expanded values is an array of values passed to expan
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -102,7 +102,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -110,7 +110,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -123,30 +123,32 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 |  <div style={{ width:"100px"}}> Layout </div> |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"135px"}}> Expected Value </div>|
 |:----- |:---------  |:------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop  | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on mobile | Toggle on or off to display mobile view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
 |  <div style={{ width:"100px"}}> Style </div> |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"100px"}}> Default Value </div>|
 |:----- |:---------  |:------------- |
-| Text color | Change the color of the text in the widget by providig the `Hex color code` or choosing a color from the picker. |  |
-| Checkbox color | Change the color of the toggle switch in the widget by providig the `Hex color code` or choosing a color from the picker. |  |
-| Visibility | This is to control the visibility of the widget. If `{{false}}` the widget will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`. |
-| Disable | This property only accepts boolean values. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
+| Text color  | Change the color of the text in the component by providig the `Hex color code` or choosing a color from the picker. |     |
+| Checkbox color | Change the color of the toggle switch in the component by providig the `Hex color code` or choosing a color from the picker. |   |
+| Visibility  | This is to control the visibility of the component. If `{{false}}` the component will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`.  |
+| Disable   | This property only accepts boolean values. If set to `{{true}}`, the component will be locked and becomes non-functional.  | By default, its value is set to `{{false}}`.|
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/bounded-box.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/bounded-box.md
index 0b86a401ef..0650d92c31 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/bounded-box.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/bounded-box.md
@@ -13,7 +13,7 @@ A **Bounded Box** is an infinitely customizable image annotation component that
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -27,10 +27,10 @@ A **Bounded Box** is an infinitely customizable image annotation component that
 
 | <div style={{ width:"100px"}}> **Property** </div> | <div style={{ width:"100px"}}> **Description** </div> | <div style={{ width:"150px"}}> **Expected Value** </div> |
 | :----------- | :----------- | :----------------- |
-| Image URL | The URL or image data to show it on the component. | Get the image URL dynamically from database: `{{queries.queryname.data[0].url}}` or use [image's base64 data](/docs/how-to/loading-image-pdf-from-db/) |
-| Default value | The data that will load the default bounded boxes over the image when the app is loaded. | Array of objects. Check the [Default value](#default-value) data properties |
-| Selector | The bounded box support selection using rectangle or point. | Click **Fx** to set the value `RECTANGLE` or `POINT` |
-| List of labels | The list of label that will be displayed in the dropdown while selection in the bounded-box. | Labels in array format: `{{['Tree', 'Car', 'Stree light']}}` |
+| Image URL | The URL or image data to show it on the component. | Get the image URL dynamically from database: `{{queries.queryname.data[0].url}}` or use [image's base64 data](/docs/how-to/loading-image-pdf-from-db/).|
+| Default value | The data that will load the default bounded boxes over the image when the app is loaded. | Array of objects. Check the [Default value](#default-value) data properties. |
+| Selector | The bounded box support selection using rectangle or point. | Click **fx** to set the value `RECTANGLE` or `POINT`. |
+| List of labels | The list of label that will be displayed in the dropdown while selection in the bounded-box. | Labels in array format: `{{['Tree', 'Car', 'Stree light']}}`. |
 
 #### Default value
 
@@ -38,12 +38,12 @@ Provide the data that will load the default bounding boxes over the image when t
 
 | <div style={{ width:"100px"}}> **Property** </div> | <div style={{ width:"100px"}}> **Description** </div> | <div style={{ width:"150px"}}> **Expected Value** </div> |
 | :-------- | :------ | :-------- |
-| type | Sets the type of the Bounded Box. | `RECTANGLE` or `POINT` |
-| width | Sets the width of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0` |
-| height | Sets the height of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0` |
-| x | Sets the x-coordinate(horizontal) position of the Bounded Box in the image. | Numerical value ex: `41` |
-| y | Sets the y-coordinate(vertical) position of the Bounded Box in the image. | Numerical value ex: `22` |
-| text | Sets the text value of the Bounded Box. | It should be one of the labels provided in the **[List of labels](#properties)** property |
+| type | Sets the type of the Bounded Box. | `RECTANGLE` or `POINT`. |
+| width | Sets the width of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0`. |
+| height | Sets the height of the Bounded Box in pixels. | Numeric value. If the `type` value is `POINT`, set it to `0`. |
+| x | Sets the x-coordinate(horizontal) position of the Bounded Box in the image. | Numerical value ex: `41`. |
+| y | Sets the y-coordinate(vertical) position of the Bounded Box in the image. | Numerical value ex: `22`. |
+| text | Sets the text value of the Bounded Box. | It should be one of the labels provided in the **[List of labels](#properties)** property. |
 
 **Example of default values:**
 
@@ -70,7 +70,7 @@ Provide the data that will load the default bounding boxes over the image when t
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -88,7 +88,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -96,7 +96,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -111,11 +111,11 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 | annotations.`text` | label selected for the annotation. |
 | annotations.`id` | unique ID of the annotation (system generated). |
 
-The values can be accessed dynamically using `{{components.boundedbox1.annotations[0].text}}` or `{{components.boundedbox1.annotations[1].width}}`
+The values can be accessed dynamically using `{{components.boundedbox1.annotations[0].text}}` or `{{components.boundedbox1.annotations[1].width}}`.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -131,25 +131,27 @@ A Tooltip is often used to specify the extra information when the user hovers th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | 
-| :----------- | :----------- | 
-| Desktop | Toggle to show or hide the component in the desktop view. Dynamically configure the value by clicking on `Fx` and entering a logical expression that results in either true or false. Alternatively, the  values can be set to **`{{true}}`** or **`{{false}}`**. |  
-| Mobile | Toggle to show or hide the component in the desktop view. Dynamically configure the value by clicking on `Fx` and entering a logical expression that results in either true or false. Alternatively, the  values can be set to **`{{true}}`** or **`{{false}}`**. | 
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"150px"}}> Expected Value </div> |
+| :----------- | :----------- | :----------------- |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+---
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style  </div>  | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Expected Value </div> |
 | :----------- | :----------- | :----------- |
-| Visibility | Toggle on or off to control the visibility of the component when the app is loaded. |  **`{{true}}`** or **`{{false}}`**, By default, it's set to `{{true}}` |
-| Disable | Toggle on to disable the component. | **`{{true}}`** or **`{{false}}`**, By default, it's set to `{{false}}` |
-| Box shadow | Sets the add shadow effects around a component's frame. You can specify the horizontal and vertical offsets(through X and Y sliders), blur and spread radius, and color of the shadow. | Values that represent x,y, blur, spread and color. Ex: `9px 11px 5px 5px #00000040` |
+| Visibility | Toggle on or off to control the visibility of the component when the app is loaded. |  `{{true}}` or `{{false}}`, By default, it's set to `{{true}}`. |
+| Disable | Toggle on to disable the component. | `{{true}}` or `{{false}}`, By default, it's set to `{{false}}`. |
+| Box shadow | Sets the add shadow effects around a component's frame. You can specify the horizontal and vertical offsets (through X and Y sliders), blur and spread radius, and color of the shadow. | Values that represent x, y, blur, spread and color. Ex: `9px 11px 5px 5px #00000040`. |
 
 </div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/button.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/button.md
index c49ef58cbc..f078f3f891 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/button.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/button.md
@@ -2,11 +2,10 @@
 id: button
 title: Button
 ---
-# Button
 
 **Button** component can be used to trigger an action. It can be used to submit a form, navigate to another page, or trigger a query.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -18,8 +17,8 @@ title: Button
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 | :----------- | :----------- |
-| On click | The On click event is triggered when the button is clicked. |
-| On hover | The On hover event is triggered when the mouse cursor is moved over the button. |
+| On click | Triggers whenever the user clicks the button. |
+| On hover | Triggers whenever the user moves the mouse cursor over the button. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get detailed information about all the **Actions**.
@@ -27,12 +26,12 @@ Check [Action Reference](/docs/category/actions-reference) docs to get detailed
 
 | <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 | :----------- | :----------- | :----------- |
-| Button text | Used to set the label of the button. | Any **String** value: `Send Message`, `Delete`, or `{{queries.xyz.data.action}}` |
-| Loading state | The loading state is used to show a spinner as the button content. Loading state is commonly used with isLoading property of the queries to show a loading status while a query is being run. | Toggle the switch **On** or click on **fx** to programmatically set the value to `{{true}}` or `{{false}}`  |
+| Button text | Used to set the label of the button. | Any **String** value: `Send Message`, `Delete`, or `{{queries.xyz.data.action}}`. |
+| Loading state | The loading state is used to show a spinner as the button content. Loading state is commonly used with isLoading property of the queries to show a loading status while a query is being run. | Toggle the switch **On** or click on **fx** to programmatically set the value to `{{true}}` or `{{false}}`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -48,13 +47,13 @@ Following actions of Button component can be controlled using the component spec
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variable </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 | :----------- | :----------- | :---------- |
-| buttonText | This variable stores the text displayed on the button. | Access the value dynamically through JavaScript using the following syntax: `{{components.button1.buttonText}}` |
+| buttonText | This variable stores the text displayed on the button. | Access the value dynamically through JavaScript using the following syntax: `{{components.button1.buttonText}}`. |
 | <div style={{ width:"100px"}}> isValid </div> | Indicates if the input meets validation criteria. | Accessible dynamically with JS (for e.g., `{{components.button1.isValid}}`).|
 | <div style={{ width:"100px"}}> isLoading </div> | Indicates if the component is loading. | Accessible dynamically with JS (for e.g., `{{components.button1.isLoading}}`).|
 | <div style={{ width:"100px"}}> isVisible </div> | Indicates if the component is visible. | Accessible dynamically with JS (for e.g., `{{components.button1.isVisible}}`).|
@@ -65,20 +64,20 @@ Following actions of Button component can be controlled using the component spec
 
 | <div style={{ width:"100px"}}> Action </div> | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"250px"}}> Configuration Options </div>|
 |:------------------|:------------|:------------------------------|
-| Loading state      | Enables a loading spinner, often used with `isLoading` to indicate progress. Toggle or set dynamically.   | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
-| Visibility         | Controls component visibility. Toggle or set dynamically.                                                 | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
-| Disable            | Enables or disables the component. Toggle or set dynamically.                                             | Enable/disable the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression. |
+| Loading state      | Enables a loading spinner, often used with `isLoading` to indicate progress. Toggle or set dynamically.   | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Visibility         | Controls component visibility. Toggle or set dynamically.                                                 | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Disable            | Enables or disables the component. Toggle or set dynamically.                                             | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 | Tooltip            | Provides additional information on hover. Set a string value for display.                                 | String (e.g., `Button to Submit Form` ).                       |
 
 ## Devices
 
 **Show on desktop**
 
-Makes the component visible in desktop view. You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression.
+Makes the component visible in desktop view. You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression.
 
 **Show on mobile**
 
-Makes the component visible in mobile view. You can set it with the toggle button or dynamically configure the value by clicking on `fx` and entering a logical expression.
+Makes the component visible in mobile view. You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression.
 
 
 ---
@@ -90,13 +89,13 @@ Makes the component visible in mobile view. You can set it with the toggle butto
 | <div style={{ width:"100px"}}> Button Property </div> | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"250px"}}> Configuration Options </div>|
 |:------------------|:------------|:------------------------------|
 | Type        | Sets the fill value of the Button component.                                                   | Select `Solid` for a button with a solid background and `Outline` for a transparent button with an outline.          |
-| Background        | Sets the background color of the component.                                                   | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Text color    | Sets the text color of the text entered in the component.                                     | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Border color    | Sets the border color of the component.                                                       | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Loader color    | Sets the loader color of the component.                                                       | Select the color or click on `fx` and input code that programmatically returns a Hex color code.          |
-| Icon            | Allows you to select an icon for the component.                                               | Enable the icon visibility, select icon and icon color. Alternatively, you can programmatically set it using `fx`.                                     |
-| Border radius   | Modifies the border radius of the component.                                                  | Enter a number or click on `fx` and enter a code that programmatically returns a numeric value.           |
-| Box shadow      | Sets the box shadow properties of the component.                                              | Select the box shadow color and adjust the related properties or set it programmatically using `fx`.                                            |
+| Background        | Sets the background color of the component.                                                   | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Text color    | Sets the text color of the text entered in the component.                                     | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Border color    | Sets the border color of the component.                                                       | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Loader color    | Sets the loader color of the component.                                                       | Select the color or click on **fx** and input code that programmatically returns a Hex color code.          |
+| Icon            | Allows you to select an icon for the component.                                               | Enable the icon visibility, select icon and icon color. Alternatively, you can programmatically set it using **fx**.                                     |
+| Border radius   | Modifies the border radius of the component.                                                  | Enter a number or click on **fx** and enter a code that programmatically returns a numeric value.           |
+| Box shadow      | Sets the box shadow properties of the component.                                              | Select the box shadow color and adjust the related properties or set it programmatically using **fx**.                                            |
 
 ## Container
 
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/circular-progressbar.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/circular-progressbar.md
index 032a2e8d69..69d5ec0445 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/circular-progressbar.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/circular-progressbar.md
@@ -6,22 +6,22 @@ title: Circular Progressbar
 
 The Circular Progressbar component can be used to show progress in a progress circle.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 | ----------- | ----------- | --------------- |
 | Text | Sets a text inside the progress circle.| It expects a `String`, you can also use js to dynamically update the text as the progress changes. |
-| Progress | Sets the progress of the widget. | Progress should be an integer between 0 and 100.|
+| Progress | Sets the progress of the component. | Progress should be an integer between 0 and 100.|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -29,7 +29,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -37,29 +37,31 @@ There are currently no exposed variables for the component.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
 A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> |
-| ----------- | ----------- |
-| Show on desktop | Toggle on or off to display the widget in desktop view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile | Toggle on or off to display the widget in mobile view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{width:"100px"}}> Expected Value </div> |
+| ----------- | ----------- | ----------- |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
@@ -71,10 +73,10 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 | Stroke width | Defines the width of stroke | Value must between 0-100|
 | Counter clockwise | Whether to rotate progress bar in counterclockwise direction. | Accepts `{{true}}` and `{{false}}`, Default value is `false`|
 | Circle ratio | Defines ratio of the full circle diameter the progressbar should use. | Accepts numerical value and the default is `1` |
-| Visibility | Toggle on or off to control the visibility of the widget. | Programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. By default, it's set to `{{true}}` |
+| Visibility | Toggle on or off to control the visibility of the component. | Programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. By default, it's set to `{{true}}` |
 
 :::info
-Circular progress bar widget uses [react-circular-progress](https://github.com/kevinsqi/react-circular-progressbar) package. Check the repo for further more details about properties and styles.
+Circular progress bar component uses [react-circular-progress](https://github.com/kevinsqi/react-circular-progressbar) package. Check the repo for further more details about properties and styles.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/code-editor.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/code-editor.md
index 70000f3c24..2108b6fb19 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/code-editor.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/code-editor.md
@@ -2,22 +2,21 @@
 id: code-editor
 title: Code Editor
 ---
-# Code Editor
 
-**Code Editor** widget is a versatile text editor for editing code and supports several languages. 
+**Code Editor** component is a versatile text editor for editing code and supports several languages. 
 
 <div style={{textAlign: 'center'}}>
 
-<img className="screenshot-full" src="/img/widgets/code-editor/editor.png" alt="ToolJet - Widget Reference - Code editor" />
+<img className="screenshot-full" src="/img/widgets/code-editor/editor.png" alt="ToolJet - Component Reference - Code editor" />
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 | <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
@@ -166,7 +165,7 @@ Any property having `Fx` button next to its field can be **programmatically conf
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -174,46 +173,48 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:---------- |
-| value | This variable holds the value whenever the user inputs anything on the code-editor . | Access the value dynamically using JS: `{{components.codeeditor1.value}}`| 
+| value | Holds the value of the user inputs in the code editor. | Access the value dynamically using JS (for e.g., `{{components.codeeditor1.value}}`). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 | <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| Show on desktop | Toggle on or off to display the widget in desktop view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile | Toggle on or off to display the widget in mobile view. You can programmatically determine the value by clicking on Fx to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Toggle on or off to display the component in desktop view. You can programmatically determine the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on mobile | Toggle on or off to display the component in mobile view. You can programmatically determine the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Styles </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
 |:----------- |:----------- |:----------- |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
 | Border radius | Modifies the border radius of the editor. The field expects only numerical value from `1` to `100`. | Default is `0`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/color-picker.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/color-picker.md
index 3f5a61006e..307ff988c7 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/color-picker.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/color-picker.md
@@ -3,19 +3,17 @@ id: color-picker
 title: Color Picker
 ---
 
-# Color Picker
+**Color Picker** component is used to select the desired color from the color picker.
 
-**Color Picker** widget is used to select the desired color from the color picker
-
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 ### Default color
 
-The data needs to be an valid hex color
+The data needs to be a valid hex color.
 
-- One can change default color either from color picker or using `fx` (need to provide only respective hex value)
+- One can change default color either from color picker or using **fx** (need to provide only respective hex value).
 
 **Example:**
 
@@ -26,19 +24,17 @@ Invalid Color : #0000, "black" , rgb(0,0,0) ,
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
-To add an event to a color-picker component, click on the widget handle to open the widget properties on the right sidebar. Go to the **Events** section and click on **+ Add handler**.
-
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On change | On change event is triggered when the color is changed on the color-picker|
+| On change | Triggers whenever the color is changed on the color-picker.|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -46,44 +42,46 @@ The following actions of the component can be controlled using component specifi
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:----------- |
-| setColor | Set a color on the color component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.colorpicker1.setColor('#64A07A')` |
+| setColor() | Sets a color on the color component. | Employ a RunJS query (for e.g., `await components.colorpicker1.setColor('#64A07A')`) or trigger it using an event. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:---------- |
-| selectedColorHex | Gets updated with HEX color code whenever a user selects a color from the color picker.| Access the value dynamically using JS: `{{components.colorpicker1.selectedColorHex}}`|
-| selectedColorRGB | Gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.colorpicker1.selectedColorRGB}}`|
-| selectedColorRGBA | Gets updated with RGBA color code whenever a user selects a color from the color picker.| Access the value dynamically using JS: `{{components.colorpicker1.selectedColorRGBA}}`|
+| selectedColorHex | Gets updated with HEX color code whenever a user selects a color from the color picker.| Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorHex}}`).|
+| selectedColorRGB | Gets updated with RGB color code whenever a user selects a color from the color picker. | Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorRGB}}`).|
+| selectedColorRGBA | Gets updated with RGBA color code whenever a user selects a color from the color picker.| Accessible dynamically with JS (for e.g., `{{components.colorpicker1.selectedColorRGBA}}`).|
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value  </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value  </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | Programmatically determine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | Programmatically determinine the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+----
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description    </div>                                                                                                                                                                                                                                          | <div style={{ width:"135px"}}> Expected Value </div> |
 |:---------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |:---------- |
-| Visibility | Toggle on or off to control the visibility of the widget.| Programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not visible after the app is deployed. By default, it's set to `{{true}}` |
+| Visibility | Toggle on or off to control the visibility of the component.| Programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not visible after the app is deployed. By default, it's set to `{{true}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Actions
 
@@ -92,19 +90,19 @@ The following actions of the component can be controlled using component specifi
 | setColor | Set the  color. | `color` eg - `#ffffff` |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
 **Example: Selecting/changing color from the color picker and getting respective hex, rgb and rgba value of selected color**
-- Let's start by creating a new app and then dragging the Color Picker  widget onto the canvas.
-- Click on the Color Picker widget, a picker pop-up will appear, one can select desired color from the picker.
+- Let's start by creating a new app and then dragging the Color Picker component onto the canvas.
+- Click on the Color Picker component, a picker pop-up will appear, one can select desired color from the picker.
 - In order to close the appeared picker pop-up, one need's to move away mouse from the picker pop-up and picker pop-up will fade away.
-- In the Inspector, inside component, look for colorpicker, where one can get respective hex, rgb and rgba color
+- In the Inspector, inside component, look for colorpicker, where one can get respective hex, rgb and rgba color.
 
 <div style={{textAlign: 'center'}}>
 
-<img className="screenshot-full" src="/img/widgets/color-picker/colorpickerinspector-v2.png" alt="ToolJet - Widget Reference - Color Picker" />
+<img className="screenshot-full" src="/img/widgets/color-picker/colorpickerinspector-v2.png" alt="ToolJet - Component Reference - Color Picker" />
 
 </div>
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/date-range-picker.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/date-range-picker.md
index c893615588..3086237b90 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/date-range-picker.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/date-range-picker.md
@@ -2,31 +2,28 @@
 id: date-range-picker
 title: Date-range Picker
 ---
-# Date-Range Picker
 
-The **Date-Range Picker** widget allows users to select a range of dates.
+The **Date-Range Picker** component allows users to select a range of dates.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 | <div style={{ width:"135px"}}> Property  </div>    | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| Default start date | Set the start date to be selected by default in the widget |
-| Default end date | Set the start date to be selected by default in the widget |
+| Default start date | Set the start date to be selected by default in the component. |
+| Default end date | Set the start date to be selected by default in the component. |
 | Format | The format of the date selected by the date picker. Default date format is **DD/MM/YYYY**. Date format should be followed as ISO 8601 as mentioned in the [moment documentation](https://momentjs.com/docs/). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
-Date range picker supports the following events:
-
 | <div style={{ width:"100px"}}> Event  </div>    | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On select | The On select event is triggered when the a start date and end date is selected on the picker. Just like any other event on ToolJet, you can set multiple handlers for on select event. |
+| On select | Triggered when a start date and end date are selected. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -34,7 +31,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -42,51 +39,53 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| endDate | This variable holds the date of the endDate selected in the component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`|
-| startDate | This variable holds the value assigned inside the `code` for custom component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`|
+| endDate | This variable holds the date of the endDate selected in the component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
+| startDate | This variable holds the value assigned inside the `code` for the custom component. | Access the value dynamically using JS: `{{components.customcomponent1.data.title}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 | <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+---
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Default Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Border radius | This is to modify the border radius of the date range picker. The field expects only numerical value from `1` to `100`| By default, it's set to `0`|
-| Visibility | This is to control the visibility of the widget. If `{{false}}` the widget will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`|
-| Disable | This property only accepts boolean values. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| Border radius | This is to modify the border radius of the date range picker. The field expects only numerical value from `1` to `100`. | By default, it's set to `0`. |
+| Visibility | This is to control the visibility of the component. If `{{false}}` the component will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`. |
+| Disable | This property only accepts boolean values. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/file-picker.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/file-picker.md
index 826798839b..099a2b03b8 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/file-picker.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/file-picker.md
@@ -63,7 +63,7 @@ Checkout **[this](/docs/how-to/loading-image-pdf-from-db)** guide to learn how t
 
 | Actions | Description | How To Access |
 |:--------|:-----------|:------------|
-| <div style={{ width:"100px"}}> clearFiles() </div> | You can clear the selected files on the filepicker component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.filepicker1.clearFiles()`. |
+| <div style={{ width:"100px"}}> clearFiles() </div> | Clears the selected files from the file picker component. | Employ a RunJS query (for e.g., `await components.filepicker1.clearFiles()`) or trigger it using an event. |
 
 </div>
 
@@ -73,7 +73,7 @@ Checkout **[this](/docs/how-to/loading-image-pdf-from-db)** guide to learn how t
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"200px"}}> How To Access </div> |
 |:----------- |:----------- |:-------- |
-| file | This variable holds the array of objects where each object represents the file loaded on the file picker component. Each object has the following keys: **name**, **type**, **content**, **dataURL**, **base64Data**, **parsedData**, **filePath**. | The values can be accesed using `{{components.filepicker1.file[0].base64Data}}`. |
+| file | Holds an array of file objects loaded in the file picker, each with properties: **name**, **type**, **content**, **dataURL**, **base64Data**, **parsedData**, **filePath**. | Accessible dynamically with JS (for e.g., `{{components.filepicker1.file[0].base64Data}}`). |
 
 </div>
 
@@ -106,12 +106,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/image.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/image.md
index 873a044b77..d41ad2f648 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/image.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/image.md
@@ -63,12 +63,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/kanban-board.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/kanban-board.md
index 7abafbb3ae..5342f3933f 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/kanban-board.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/kanban-board.md
@@ -3,17 +3,16 @@ id: kanban
 title: Kanban
 ---
 
-# Kanban
-
 The **Kanban** component allows you to visually organize and prioritize your tasks with a transparent workflow. You can set the number of columns to display, enable/disable the add cards button, and bind data to the cards.
 
 :::info Restricted components
 Certain components are restricted from being placed within the **Card** and **Popout** of the **Kanban** component.
+
 - **Card**: Calendar, Kanban, Form, Tabs, Modal, ListView, Container
 - **Popout**: Calendar, Kanban
-:::
+  :::
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Setting Card Data
 
@@ -28,40 +27,41 @@ For instance, you can set the `Data` property of a Text component on a card usin
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 :::info
+
 - It is mandatory to provide an `id` for each column in the `column data` field. The `id` can be of type `string` or `number`.
 - It is mandatory to provide an `id` and a `columnId` for each card in the `Card data` field. Both `id` and `columnId` can be of type `string` or `number`.
-:::
+  :::
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:----------- |:----------- |:----------- |
-| Column data | Enter the columns data - `id` and `title` in the form of array of objects or from a query that returns an array of objects. | `{{[{ "id": "c1", "title": "to do" },{ "id": "c2", "title": "in progress" },{ "id": "c3", "title": "Completed" }]}}` or `{{queries.xyz.data}}` |
-| Card data | Enter the cards data - `id`, `title` and `columnId` in the form of array of objects or from a query that returns an array of objects. | `{{[{ id: "r1", title: "Title 1", description: "Description 1", columnId: "c1" },{ id: "r2", title: "Title 2", description: "Description 2", columnId: "c2" },{ id: "r3", title: "Title 3", description: "Description 3",columnId: "c3" }]}}` or `{{queries.abc.data}}` |
-| Card width | Set the width of the card | This property expects a numerical value. By default, the value is set to `{{302}}` |
-| Card height | Set the width of the card | This property expects a numerical value. By default, the value is set to `{{100}}` |
-| Enable add card | This property allows you to show or hide the **+Add Cards** button on the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the `Fx` next to it |
-| Show delete button | This property allows you to show or hide the **Drop here to delete cards** section at the bottom of the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the `Fx` next to it |
+| :---------------- | :------------------------ | :---------------------------- |
+| Column data  | Enter the columns data - `id` and `title` in the form of array of objects or from a query that returns an array of objects. | `{{[{ "id": "c1", "title": "to do" },{ "id": "c2", "title": "in progress" },{ "id": "c3", "title": "Completed" }]}}` or `{{queries.xyz.data}}`.  |
+| Card data   | Enter the cards data - `id`, `title` and `columnId` in the form of array of objects or from a query that returns an array of objects. | `{{[{ id: "r1", title: "Title 1", description: "Description 1", columnId: "c1" },{ id: "r2", title: "Title 2", description: "Description 2", columnId: "c2" },{ id: "r3", title: "Title 3", description: "Description 3",columnId: "c3" }]}}` or `{{queries.abc.data}}`. |
+| Card width  | Set the width of the card. | This property expects a numerical value. By default, the value is set to `{{302}}`. |
+| Card height | Set the width of the card. | This property expects a numerical value. By default, the value is set to `{{100}}`. |
+| Enable add card | This property allows you to show or hide the **+Add Cards** button on the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the **fx** next to it. |
+| Show delete button | This property allows you to show or hide the **Drop here to delete cards** section at the bottom of the Kanban. | By default its enabled, you can programmatically set value to `{{true}}` or `{{false}}` to enable/disable button by clicking on the **fx** next to it. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
 To add an event, click on the component handle to open the component properties on the right sidebar. Go to the **Events** section and click on **Add handler**.
 
-|  <div style={{ width:"100px"}}> Event </div> |  <div style={{ width:"100px"}}> Description </div> |
-|:----------- |:----------- |
-| On Update | On update event is triggered whenever the card data (id, title, description, or columnID) is updated using the component specific actions. |
-| On add card click | This event is triggered whenever the **Add card** button on the Kanban is clicked. |
-| Card removed | This event is triggered whenever the card is **deleted** from the Kanban by dragging it into the bottom delete box or using component specific action. |
-| Card added | This event is triggered whenever a card is **added** on the Kanban using the component specific action. |
-| Card moved | This event is triggered whenever the card's position is changed on the Kanban or using the component specific action. |
-| Card selected | This event is triggered whenever a card is clicked to open the modal. |
+| <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div>  |
+| :-------------------| :----------------|
+| On Update  | On update event is triggered whenever the card data (id, title, description, or columnID) is updated using the component specific actions.  |
+| On add card click  | This event is triggered whenever the **Add card** button on the Kanban is clicked.  |
+| Card removed  | This event is triggered whenever the card is **deleted** from the Kanban by dragging it into the bottom delete box or using component specific action. |
+| Card added  | This event is triggered whenever a card is **added** on the Kanban using the component specific action. |
+| Card moved  | This event is triggered whenever the card's position is changed on the Kanban or using the component specific action. |
+| Card selected  | This event is triggered whenever a card is clicked to open the modal.  |
 
 Just like any other event on ToolJet, you can set multiple handlers for any of the above mentioned events.
 
@@ -73,40 +73,41 @@ Check the **[Component Specific Action](#component-specific-actions-csa)** avail
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
-| <div style={{ width:"100px"}}> Variable </div>| <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
-|:-------- |:----------- |:---------- |
-| updatedCardData | The `updatedCardData` variable will hold the latest values of all the cards in the Kanban. This variable won't have any values. | It will have values only when any action on any of the card is performed like when the card is moved, added, deleted, or updated. |
-| lastAddedCard | The variable `lastAddedCard` holds the values of the last added card. It holds the following data - `id`, `title`, `description` and `columnId` of the last added card. | Get the values using `{{components.kanban1.lastAddedCard.title}}` |
-| lastRemovedCard | The variable `lastRemovedCard` holds the properties of the card that has been recently deleted from the Kanban. It holds the following data - `id`, `title`, `description` and `columnId` of the recently deleted card. | Get the values using `{{components.kanbanboard1.lastRemovedCard.title}}` |
-| lastCardMovement | The variable `lastCardMovement` holds the properties of the card that has been recently moved from its original position. It holds the following data - `originColumnId`, `destinationColumnId`, `originCardIndex`, `destinationCardIndex` and an object `cardDetails` which includes `id`, `title`, `description` and `columnId` of the moved card. | Get the values using `{{components.kanbanboard1.lastCardMovement.cardDetails.title}}` or `{{components.kanbanboard1.lastCardMovement.destinationCardIndex}}` |
-| lastSelectedCard | The variable `lastSelectedCard` holds the `id`, `title`, `columnId`, and `description` of the last selected(clicked to view) card on the Kanban. | Get the values using `{{components.kanban1.lastSelectedCard.columnId}}` |
-| lastUpdatedCard | The variable `lastUpdatedCard` holds the `id`, `title`, `description`, and `columnId` of the last updated card(using component specific action). | Get the values using `{{components.kanban1.lastUpdatedCard.columnId}}` |
-| lastCardUpdate | The variable `lastCardUpdate` holds the old an new values of the property that has been changed in the card(using component specific action). | Get the values using `{{components.kanban1.lastCardUpdate[0].title.oldValue}}` |
+| <div style={{ width:"100px"}}> Variable </div> | <div style={{ width:"135px"}}> Description </div>   | <div style={{ width:"135px"}}> How To Access </div>   |
+| :------------- | :----------------- | :---------------- |
+| updatedCardData | The `updatedCardData` variable will hold the latest values of all the cards in the Kanban. This variable won't have any values.  | It will have values only when any action on any of the card is performed like when the card is moved, added, deleted, or updated.  |
+| lastAddedCard | The variable `lastAddedCard` holds the values of the last added card. It holds the following data - `id`, `title`, `description` and `columnId` of the last added card.  | Get the values using `{{components.kanban1.lastAddedCard.title}}`.     |
+| lastRemovedCard  | The variable `lastRemovedCard` holds the properties of the card that has been recently deleted from the Kanban. It holds the following data - `id`, `title`, `description` and `columnId` of the recently deleted card.   | Get the values using `{{components.kanbanboard1.lastRemovedCard.title}}`.    |
+| lastCardMovement | The variable `lastCardMovement` holds the properties of the card that has been recently moved from its original position. It holds the following data - `originColumnId`, `destinationColumnId`, `originCardIndex`, `destinationCardIndex` and an object `cardDetails` which includes `id`, `title`, `description` and `columnId` of the moved card. | Get the values using `{{components.kanbanboard1.lastCardMovement.cardDetails.title}}` or `{{components.kanbanboard1.lastCardMovement.destinationCardIndex}}`. |
+| lastSelectedCard  | The variable `lastSelectedCard` holds the `id`, `title`, `columnId`, and `description` of the last selected(clicked to view) card on the Kanban. | Get the values using `{{components.kanban1.lastSelectedCard.columnId}}`.   |
+| lastUpdatedCard | The variable `lastUpdatedCard` holds the `id`, `title`, `description`, and `columnId` of the last updated card(using component specific action).  | Get the values using `{{components.kanban1.lastUpdatedCard.columnId}}`.  |
+| lastCardUpdate  | The variable `lastCardUpdate` holds the old an new values of the property that has been changed in the card(using component specific action).   | Get the values using `{{components.kanban1.lastCardUpdate[0].title.oldValue}}`.    |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
 Following actions of Kanban component can be controlled using the component specific actions(CSA):
 
-| <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
-|:----------- |:----------- |:----------- |
-| updateCardData | Update the card data of Kanban component via a component-specific action within any event handler.| Employ a RunJS query to execute component-specific actions such as `components.kanban1.updateCardData('c1', {title: 'New Title'})` |
-| moveCard | Move a card from one column to other column on the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.moveCard('card id,'column id')` ex: `await components.kanban1.moveCard('c1','r2')` |
-| addCard | Add a card onto the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.addCard('c1', {title: 'New Title'})` |
-| deleteCard | Delete a card from the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.deleteCard('card id')` ex: `await components.kanban1.deleteCard('c2')` |
+| <div style={{ width:"100px"}}> Actions </div> | <div style={{ width:"135px"}}> Description </div>  | <div style={{ width:"135px"}}> How To Access </div>    |
+| :-------------- | :----------------- | :--------------- |
+| updateCardData | Update the card data of Kanban component via a component-specific action within any event handler.  | Employ a RunJS query to execute component-specific actions such as `components.kanban1.updateCardData('c1', {title: 'New Title'})`.        |
+| moveCard  | Move a card from one column to other column on the kanban via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.moveCard('card id,'column id')` ex: `await components.kanban1.moveCard('c1','r2')`. |
+| addCard   | Add a card onto the kanban via a component-specific action within any event handler.  | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.addCard('c1', {title: 'New Title'})`.  |
+| deleteCard   | Delete a card from the kanban via a component-specific action within any event handler.   | Employ a RunJS query to execute component-specific actions such as `await components.kanban1.deleteCard('card id')` ex: `await components.kanban1.deleteCard('c2')`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
+
 ### Tooltip
 
 A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
@@ -115,25 +116,27 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div>   |
+| :------------ | :------------ | :-------------- |
+| Show on desktop  | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+----
+
+<div style={{paddingTop:'24px'}}>
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style  </div>      | <div style={{ width:"100px"}}> Description  </div>                                                                                                                                                                 |
-|:------------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Disable      | If disabled or set to `{{false}}` the component will be locked and becomes non-functional. By default, its disabled i.e. its value is set to `{{true}}` .                        |
-| Visibility   | This is to control the visibility of the component. If `{{false}}`/disabled the component will not visible after the app is deployed. By default, it's enabled (set to `{{true}}`). |
-| Accent color | You can change the accent color of the column title by entering the Hex color code or choosing a color of your choice from the color picker.                                  |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>  |
+| :------------- | :------------------ |
+| Disable   | If disabled or set to `{{false}}` the component will be locked and becomes non-functional. By default, its disabled i.e. its value is set to `{{true}}`.  |
+| Visibility  | This is to control the visibility of the component. If `{{false}}`/disabled the component will not visible after the app is deployed. By default, it's enabled (set to `{{true}}`). |
+| Accent color | You can change the accent color of the column title by entering the Hex color code or choosing a color of your choice from the color picker.  |
 
 </div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/link.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/link.md
index 1da853e61f..ab2718e981 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/link.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/link.md
@@ -11,9 +11,9 @@ The **Link** component allows you to add a hyperlink and navigate to the externa
 
 | <div style={{ width:"100px"}}> Properties </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:-------------- |
-| Link target | This property sets the URL where the user needs to be taken on clicking the link. | example: `https://dev.to/tooljet` or `{{queries.xyz.data.url}}` | 
-| Link text | This property sets the text for the Link component.  | example: **Click here** or **Open webpage** | 
-| Target type | This property specifies the link to be opened in the same tab or new tab on clicking the link. | Options: **New Tab** & **Same Tab** |
+| Link target | This property sets the URL where the user needs to be taken on clicking the link. | example: `https://dev.to/tooljet` or `{{queries.xyz.data.url}}`. | 
+| Link text | This property sets the text for the Link component.  | example: **Click here** or **Open webpage**. | 
+| Target type | This property specifies the link to be opened in the same tab or new tab on clicking the link. | Options: **New Tab** & **Same Tab**. |
 
 </div>
 
@@ -23,8 +23,8 @@ The **Link** component allows you to add a hyperlink and navigate to the externa
 
 |  <div style={{ width:"100px"}}> Event </div> |  <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On click | **On Click** event is triggered when the link is clicked. Just like any other event on ToolJet, you can set multiple handlers for on click event. |
-| On hover | **On Hover** event is triggered when the link is hovered. Just like any other event on ToolJet, you can set multiple handlers for on click event. |
+| On click | Triggered when the link is clicked. |
+| On hover | Triggered when the cursor hovers over the link. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -40,7 +40,7 @@ The following actions of the link component can be controlled using the componen
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:------------ |
-| click | You can trigger the click action of the Link component via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as `await components.link1.click()`. |
+| click | Triggers click action of the link component. | Employ a RunJS query to execute component-specific actions such as `await components.link1.click()` or trigger it using an event. |
 
 </div>
 
@@ -65,12 +65,12 @@ Under the **General** accordion, you can set the value in the string format. Now
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -84,7 +84,7 @@ Under the **General** accordion, you can set the value in the string format. Now
 |:----------- |:----------- | 
 | Text color |  You can change the background color of the text by entering the Hex color code or choosing a color of your choice from the color picker. |
 | Text size | By default, the text size is set to 14. You can enter any value from 1-100 to set a custom text size. |
-| Underline | You can change the underline of the text in the following ways: **on-hover (default), never, always** |
+| Underline | You can change the underline of the text in the following ways: **on-hover (default), never, always**. |
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not visible after the app is deployed. By default, it's set to `{{true}}`. |
 
 :::info
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/map.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/map.md
index fe41b20a2b..7f3b5d4155 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/map.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/map.md
@@ -15,21 +15,21 @@ If you are utilizing the self-hosted version of ToolJet, it is necessary to conf
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 | <div style={{ width:"100px"}}> Properties   </div>   | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:------------------ |
-| Initial location | default location when the app is loaded initially. | An object containing the **latitude** and **longitude** as key value pairs. ex: `{{ {"lat": 40.7128, "lng": -73.935242} }}` |
-| Default markers | Number of markers that should be shown on the map | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}` |
-| Polygon points | Create a polygon on the map using the given coordinates. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}` |
-| Add new markers | On clicking the map, a new marker will be added to the map. | By default, it's set to `On`. Toggle `off` to disable adding new markers on the map. Click `Fx` to set `{{true}}` or `{{false}}` programmatically. |
-| Search for places | Enable to show the search box on the map. | By default, it's set to `On`. Toggle `off` to disable the search box on the map. Click `Fx` to set `{{true}}` or `{{false}}` programmatically. |
+| Initial location | default location when the app is loaded initially. | An object containing the **latitude** and **longitude** as key value pairs. ex: `{{ {"lat": 40.7128, "lng": -73.935242} }}`. |
+| Default markers | Number of markers that should be shown on the map. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}`. |
+| Polygon points | Create a polygon on the map using the given coordinates. | An array of objects containing the coordinates. ex: `{{ [{"lat": 40.7128, "lng": -73.935242}, {"lat": 40.7128, "lng": -73.935242}] }}`. |
+| Add new markers | On clicking the map, a new marker will be added to the map. | By default, it's set to `On`. Toggle `off` to disable adding new markers on the map. Click **fx** to set `{{true}}` or `{{false}}` programmatically. |
+| Search for places | Enable to show the search box on the map. | By default, it's set to `On`. Toggle `off` to disable the search box on the map. Click **fx** to set `{{true}}` or `{{false}}` programmatically. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -46,7 +46,7 @@ For detailed information about all the available **Actions**, please refer to th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -54,11 +54,11 @@ Following actions of Map component can be controlled using the component specifi
 
 | <div style={{ width:"100px"}}> Actions  </div>   | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:---------- |:---------- |:------- |
-| setLocation | Set the marker's location on map using latitude and longitude values as parameters via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `component.map1.setLocation(40.7128, -73.935242)`  |
+| setLocation | Set the marker's location on map using latitude and longitude values as parameters via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `component.map1.setLocation(40.7128, -73.935242)`.  |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -67,18 +67,18 @@ Exposed variables can be used to get data from the component.
 | <div style={{ width:"100px"}}> Variables </div>   | <div style={{ width:"150px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
 | center | This variable will hold the latitude, longitude and the google map url value. |
-| center.`lat` | This variable holds the latitude value of the marker on the Map component. | Access the value dynamically using JS: `{{components.map1.center.lat}}`|
-| center.`lng` | This variable gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.map1.center.lng}}`|
-| center.`googleMapUrl` | This variable holds the URL of the location where the center marker is placed on the Map component. | Access the value dynamically using JS: `{{components.map1.center.googleMapUrl}}`|
-| markers | The markers variable will hold the value only if `add new markers` is enabled from the map properties. Each marker is an object and will have `lat` and `lng` keys. | Access the values dynamically using `{{components.map1.markers[1].lat}}` |
-| selectedMarker | Object with the marker selected by the user |
-| bounds | It constructs a rectangle from the points at its south-west and north-east corners |
-| bounds.northEast | It holds the latitude and longitude of the north-east corner of the rectangle.| Access the value dynamically using JS: `{{components.map1.bounds.northEast.lat}}` or `{{components.map1.bounds.northEast.lng}}` |
-| bounds.southWest | It holds the latitude and longitude of the south-west corner of the rectangle. | Access the value dynamically using JS: `{{components.map1.bounds.southWest.lat}}` or `{{components.map1.bounds.southWest.lng}}` |
+| center.`lat` | This variable holds the latitude value of the marker on the Map component. | Access the value dynamically using JS: `{{components.map1.center.lat}}`. |
+| center.`lng` | This variable gets updated with RGB color code whenever a user selects a color from the color picker. | Access the value dynamically using JS: `{{components.map1.center.lng}}`. |
+| center.`googleMapUrl` | This variable holds the URL of the location where the center marker is placed on the Map component. | Access the value dynamically using JS: `{{components.map1.center.googleMapUrl}}`. |
+| markers | The markers variable will hold the value only if `add new markers` is enabled from the map properties. Each marker is an object and will have `lat` and `lng` keys. | Access the values dynamically using `{{components.map1.markers[1].lat}}`. |
+| selectedMarker | Object with the marker selected by the user. |
+| bounds | It constructs a rectangle from the points at its south-west and north-east corners. |
+| bounds.northEast | It holds the latitude and longitude of the north-east corner of the rectangle.| Access the value dynamically using JS: `{{components.map1.bounds.northEast.lat}}` or `{{components.map1.bounds.northEast.lng}}`. |
+| bounds.southWest | It holds the latitude and longitude of the south-west corner of the rectangle. | Access the value dynamically using JS: `{{components.map1.bounds.southWest.lat}}` or `{{components.map1.bounds.southWest.lng}}`. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 ### Tooltip
@@ -87,25 +87,27 @@ A Tooltip is often used to specify the extra information when the user hovers th
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+----
 
 ## Styles
 
 | <div style={{ width:"100px"}}> Properties </div>     | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:----------- |:----------- |:------------------ |
-| Visibility | Toggle on or off to control the visibility of the component. | You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the component will not be visible after the app is release. By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. | You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
-| Box shadow | Add a shadow effect to the component by providing values to X, Y, Blur, Spread and Color. | You can also programmatically set the value by clicking on the `Fx` button next to it. Ex: `{{"x": 0, "y": 0, "blur": 0, "spread": 0, "color": "#000000"}}` | 
+| Visibility | Toggle on or off to control the visibility of the component. | You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is release. By default, it's set to `{{true}}`. |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. | You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
+| Box shadow | Add a shadow effect to the component by providing values to X, Y, Blur, Spread and Color. | You can also programmatically set the value by clicking on the **fx** button next to it. Ex: `{{"x": 0, "y": 0, "blur": 0, "spread": 0, "color": "#000000"}}`. | 
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/pagination.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/pagination.md
index df11c911c2..037a769a1b 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/pagination.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/pagination.md
@@ -2,7 +2,6 @@
 id: pagination
 title: Pagination
 ---
-# Pagination
 
 **Pagination** enables the user to select a specific page from a range of pages. It is used to separate the content into discrete pages.
 
@@ -23,7 +22,7 @@ You can club the Pagination component with the List View component.
 
 <div style={{paddingTop:'24px'}}>
 
-## Event 
+## Event
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:------------------|:---------------------|
@@ -43,10 +42,10 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 ## Exposed Variables
 
-| <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div>|
+| <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| totalPages | This variable holds the value of the `Number of Pages` set from the Pagination component properties. | Access the value dynamically using JS: `{{components.pagination1.totalPages}}`. |
-| currentPageIndex | This variable will hold the index of the currently selected option on the Pagination component. | Access the value dynamically using JS: `{{components.pagination1.currentPageIndex}}`. |
+| totalPages | Holds the value of the `Number of Pages` set from the Pagination component properties.| Accessible dynamically with JS(for e.g., `{{components.pagination1.totalPages}}`).|
+| currentPageIndex | Holds the index of the currently selected option on the Pagination component. | Accessible dynamically with JS(for e.g., `{{components.pagination1.currentPageIndex}}`). |
 
 </div>
 
@@ -63,12 +62,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+|:------------ |:-------------|:--------- |
+| Show on desktop  | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -78,10 +77,10 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}>  Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
 |:------------ |:-------------|:--------- |
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
+| Disable  | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
 :::info
 Any property having **fx** button next to its field can be **programmatically configured**.
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/qr-scanner.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/qr-scanner.md
index 0127f404cd..e130b4f22e 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/qr-scanner.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/qr-scanner.md
@@ -15,7 +15,7 @@ You might have to stick to the Safari browser in IOS as camera access is restric
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:------------------|:---------------------|
-| On Detect | Triggers whenever the component successfully scans a QR code. |
+| On detect | Triggers whenever the component successfully scans a QR code. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -44,7 +44,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 | <div style={{ width:"100px"}}> Variables </div> | <div style={{ width:"200px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div>|
 |:----------- |:----------- |:--------- |
-| lastDetectedValue | This variable holds the data contained in the last QR code scanned by the component. | To fetch the data use `{{components.qrscanner1.lastDetectedValue}}`. |
+| lastDetectedValue | Holds the data from the last QR code scanned by the component.  | Accessible dynamically with JS (for e.g., `{{components.qrscanner1.lastDetectedValue}}`). |
 
 </div>
 
@@ -63,12 +63,12 @@ Now hovering over the component will display the string as the tooltip.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -83,4 +83,4 @@ Now hovering over the component will display the string as the tooltip.
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
 | Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/radio-button.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/radio-button.md
index b53986e97a..32a29b93b0 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/radio-button.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/radio-button.md
@@ -2,32 +2,33 @@
 id: radio-button
 title: Radio Button
 ---
+
 # Radio Button
 
-The **Radio Button** widget can be used to select one option from a group of options.
+The **Radio Button** component can be used to select one option from a group of options.
 
 :::tip
 Radio Buttons are preferred when the list of options is less than six, and all the options can be displayed at once.
 :::
 
 :::info
-For more than six options, consider using **[Dropdown](/docs/widgets/dropdown)** widget.
+For more than six options, consider using **[Dropdown](/docs/widgets/dropdown)** component.
 :::
 
 ## Properties
 
-| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"150px"}}> Description </div> | 
-|:------------ |:-------------|
-| Label | The text is to be used as the label for the radio button. This field expects a `String` value. |
-| Default value | The value of the default option. |
-| Option values | List of values for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.value)}}` or populate it with sample values `{{[true, false]}}`. |
-| Option labels | List of labels for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.label)}}` or populate it with sample values `{{["yes", "no"]}}`. |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"150px"}}> Description </div>                                                                                                                                                     |
+| :--------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Label                                          | The text is to be used as the label for the radio button. This field expects a `String` value.                                                                                                        |
+| Default value                                  | The value of the default option.                                                                                                                                                                      |
+| Option values                                  | List of values for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.value)}}` or populate it with sample values `{{[true, false]}}`. |
+| Option labels                                  | List of labels for different items/options. Refer your query data with dynamic variables `{{queries.datasource.data.map(item => item.label)}}` or populate it with sample values `{{["yes", "no"]}}`. |
 
 ## Event
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
-|:------------------|:---------------------|
-| On select | This event is triggered when an option is clicked. |
+| :------------------------------------------ | :------------------------------------------------ |
+| On select                                   | Triggers whenever the user clicks an option.      |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -37,33 +38,36 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 The following actions of the component can be controlled using component specific actions(CSA):
 
-| <div style={{ width:"100px"}}> Actions  </div> |<div style={{ width:"135px"}}>  Description </div> | <div style={{ width:"135px"}}> How To Access </div>
-|:----------- |:----------- |:------- |
-| selectOption | Select an option from the radio buttons via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `await components.radiobutton1.selectOption('one')` |
+| <div style={{ width:"100px"}}> Actions </div> | <div style={{ width:"135px"}}> Description </div>                                                 | <div style={{ width:"135px"}}> How To Access </div>                                                                     |
+| :-------------------------------------------- | :------------------------------------------------------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------------- |
+| selectOption                                  | Select an option from the radio buttons via a component-specific action within any event handler. | Employ a RunJS query to execute component-specific actions such as: `await components.radiobutton1.selectOption('one')` |
 
 ## Exposed Variables
 
 There are currently no exposed variables for the component.
 
 ## General
+
 ### Tooltip
 
-A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the widget.
+A Tooltip is often used to specify extra information about something when the user hovers the mouse pointer over the component.
 
-Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the widget will display the string as the tooltip.
+Under the <b>General</b> accordion, you can set the value in the string format. Now hovering over the component will display the string as the tooltip.
 
 ## Layout
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div>                                                            |
+| :------------------------------------------- | :------------------------------------------------ | :-------------------------------------------------------------------------------------------------------------- |
+| Show on desktop                              | Toggle on or off to display desktop view.         | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on mobile                               | Toggle on or off to display mobile view.          | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+
+---
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}>  Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
-|:------------ |:-------------|:--------- |
-| Text color | Change the color of the text in the widget by providing the `Hex color code` or by choosing the color of your choice from the color picker. |  |
-| Active color | Change the color of active radio button by providing the `Hex color code` or by choosing the color of your choice from the color picker. |  |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. | By default, it's set to `{{true}}` |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}` |
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>                                                                                                                                                                                                                          | <div style={{ width:"100px"}}> Default Value </div> |
+| :------------------------------------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------- |
+| Text color                                  | Change the color of the text in the component by providing the `Hex color code` or by choosing the color of your choice from the color picker.                                                                                                                             |                                                     |
+| Active color                                | Change the color of active radio button by providing the `Hex color code` or by choosing the color of your choice from the color picker.                                                                                                                                   |                                                     |
+| Visibility                                  | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed.                                            | By default, it's set to `{{true}}`                  |
+| Disable                                     | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`         |
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/star-rating.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/star-rating.md
index 31ea7f83df..ae4b5bb0ae 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/star-rating.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/star-rating.md
@@ -26,7 +26,7 @@ The **Star Rating** component can be used to display as well as input ratings. T
 
 | <div style={{ width:"100px"}}> Event </div> | <div style={{ width:"100px"}}> Description </div> |
 |:----------- |:----------- |
-| On Change | This event is triggered when a star is clicked. |
+| On change | Triggers whenever the user clicks a star. |
 
 :::info
 Check [Action Reference](/docs/category/actions-reference) docs to get the detailed information about all the **Actions**.
@@ -48,7 +48,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 | <div style={{ width:"100px"}}> Variables  </div>  | <div style={{ width:"135px"}}> Description </div> | <div style={{ width:"135px"}}> How To Access </div> |
 |:----------- |:----------- |:--------- |
-| value | This variable holds the value whenever a rating is added on the component. The variable holds a numerical value. | Access the value dynamically using JS: `{{components.colorpicker1.selectedColorHex}}`.|
+| value | Holds the value entered by the user whenever a rating is added on the component. | Accessible dynamically with JS (for e.g., `{{components.starrating1.value}}`).|
 
 </div>
 
@@ -65,12 +65,12 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
@@ -87,4 +87,4 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 | Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
 | Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/steps.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/steps.md
index 26d33cdea9..4fc832dab7 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/steps.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/steps.md
@@ -79,15 +79,17 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px', paddingBottom:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
+---
+
 <div style={{paddingTop:'24px' }}>
 
 ## Styles
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/svg-image.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/svg-image.md
index 88b5576d56..687754fe38 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/svg-image.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/svg-image.md
@@ -56,21 +56,24 @@ Under the <b>General</b> accordion, you can set the value in the string format.
 
 <div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}`. |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
 <div style={{paddingTop:'24px'}}>
 
+---
+
 ## Styles
 
-| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"100px"}}> Default Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> |  Configuration Options  |
 |:------------ |:-------------|:--------- |
-| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. | By default, it's set to `{{true}}`. |
+| Visibility | Controls component visibility. Toggle or set dynamically. | Enable/disable the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Box-shadow | Sets the box shadow properties of the component. | Select the box shadow color and adjust the related properties or programmatically set it using **fx**. |
 
 </div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/tabs.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/tabs.md
index cc001c3f55..0b0473fb60 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/tabs.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/tabs.md
@@ -5,7 +5,7 @@ title: Tabs
 
 # Tabs
 
-A **Tabs** widget contains a number of defined containers that can be navigated through the tabs. Each tab acts as a [container](/docs/widgets/container/) that can have different widgets placed inside it.
+A **Tabs** component contains a number of defined containers that can be navigated through the tabs. Each tab acts as a [container](/docs/widgets/container/) that can have different component placed inside it.
 
 :::caution Restricted components
 In order to avoid excessively complex situations, certain components, namely **Calendar** and **Kanban**, are restricted from being placed within the Tabs component using drag-and-drop functionality.
@@ -15,13 +15,13 @@ If the builder attempts to add any of the aforementioned components inside the T
 `<Restricted component> cannot be used as a child component within the Tabs.`
 :::
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
 ### Tabs
 
-This property lets you add and remove containers from the Tabs widget. Each container in the tab has its unique `id` , `title` and `disabled` for disabling individual tabs . This field expects an array of objects.
+This property lets you add and remove containers from the Tabs component. Each container in the tab has its unique `id` , `title` and `disabled` for disabling individual tabs . This field expects an array of objects.
 
 ```js
 {{[
@@ -49,7 +49,7 @@ This property selects the container in the tab which matches the corresponding `
 
 ### Hide tab
 
-It allows you to hide all the tab titles defined in the Tabs property above. It accepts boolean values which can also be set using the toggle option or programmatically by clicking on the FX button.
+It allows you to hide all the tab titles defined in the Tabs property above. It accepts boolean values which can also be set using the toggle option or programmatically by clicking on the **fx** button.
 
 ### Render only active tab
 
@@ -57,7 +57,7 @@ This property is enabled by default. When enabled, only the active tab will be r
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -71,7 +71,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -83,7 +83,7 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -93,7 +93,7 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Actions
 
@@ -103,18 +103,20 @@ Following actions of Tabs component can be controlled using the component specif
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop | Makes the component visible in desktop view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+----
 
 ## Styles
 
@@ -122,11 +124,11 @@ Following actions of Tabs component can be controlled using the component specif
 |:----------- |:----------- |
 | Highlight color | You can change the highlight color of the selected tab by entering the Hex color code or choosing a color of your choice from the color picker. |
 | Tab width | Tab width can be set as **auto** or **equally split**. |
-| Visibility | Toggle on or off to control the visibility of the widget. You can programmatically change its value by clicking on the `Fx` button next to it. If `{{false}}` the widget will not be visible after the app is deployed. By default, it's set to `{{true}}`. |
-| Disable | This is `off` by default, toggle `on` the switch to lock the widget and make it non-functional. You can also programmatically set the value by clicking on the `Fx` button next to it. If set to `{{true}}`, the widget will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
+| Visibility | Toggle on or off to control the visibility of the component. You can programmatically change its value by clicking on the **fx** button next to it. If `{{false}}` the component will not be visible after the app is deployed. By default, it's set to `{{true}}`. |
+| Disable | This is `off` by default, toggle `on` the switch to lock the component and make it non-functional. You can also programmatically set the value by clicking on the **fx** button next to it. If set to `{{true}}`, the component will be locked and becomes non-functional. By default, its value is set to `{{false}}`. |
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/textarea.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/textarea.md
index 30746bc7a5..5b3ffee785 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/textarea.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/textarea.md
@@ -2,22 +2,23 @@
 id: textarea
 title: Textarea
 ---
+
 # Textarea
 
-The **Textarea** component allows users to enter text in an input field similar to the [Text Input](/docs/widgets/text-input) component. Textarea is generally preferred when we are expecting an input of multiple sentences. In this document, we'll go through all the configuration options for the **Textarea** component.  
+The **Textarea** component allows users to enter text in an input field similar to the [Text Input](/docs/widgets/text-input) component. Textarea is generally preferred when we are expecting an input of multiple sentences. In this document, we'll go through all the configuration options for the **Textarea** component.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
-| <div style={{ width:"100px"}}> Property </div>    | <div style={{ width:"100px"}}> Description                   </div>                              | <div style={{ width:"135px"}}> Expected Value </div> |
+| <div style={{ width:"100px"}}> Property </div>    | <div style={{ width:"100px"}}> Description  </div> | <div style={{ width:"135px"}}> Expected Value </div> |
 |:-------------|:------------------------------------------------------------|:------------|
-| Default value| Used to set initial value in textarea on load. It is a pre-established value that can be retrieved from the Text area component if no modifications are made to it. | Enter some text as the value (example: "John Doe")|
-| Placeholder  | Provides a hint for the expected value. It disappears once the user interacts with the component. | Enter some instructional text as the value (example: "Type name here")   |
+| Default value| Used to set initial value in textarea on load. It is a pre-established value that can be retrieved from the Text area component if no modifications are made to it. | Enter some text as the value (example: "John Doe"). |
+| Placeholder  | Provides a hint for the expected value. It disappears once the user interacts with the component. | Enter some instructional text as the value (example: "Type name here"). |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -30,17 +31,17 @@ Following actions of the **Textarea** component can be controlled using Componen
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
 | Variables | Description | How To Access |
-|:---------:|:-----------:|:-------------:|
+|:---------|:-----------|:-------------|
 | <div style={{ width:"100px"}}> value </div> | This variable holds the value entered in the text area component. | Access the value dynamically using JS. For example, `{{components.textarea1.value}}` |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -52,32 +53,33 @@ In the input field under **Tooltip**, you can enter some text and the component
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
-## Layout
+## Devices
 
-| <div style={{ width:"100px"}}> Layout </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
-|:--------------- |:----------------------------------------- | :------------------------------------------------------------------------------------------------------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| <div style={{ width:"100px"}}> Devices </div> | <div style={{ width:"100px"}}> Description </div> | <div style={{ width:"135px"}}> Expected Value </div> |
+| :----------- | :----------- | :------------ |
+| Show on desktop  | Makes the component visible in desktop view.  | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
+| Show on mobile  | Makes the component visible in mobile view. | You can set it with the toggle button or dynamically configure the value by clicking on **fx** and entering a logical expression. |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
---- 
+---
 
 ## Styles
 
-| <div style={{ width:"100px"}}> Style  </div>    |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"135px"}}> Expected Value </div> |
-|:---------------|:-----------|:---------------|
-| Visibility | Controls the visibility of the component. If set to `{{false}}`, the component will not be visible after the app is deployed.| Use the toggle button OR click on `Fx` to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`|
-| Disable | Makes the component non-functional when set to true. | Use the toggle button OR click on `Fx` to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`|
-| Border radius | Adjusts the roundness of the component's corners.  | Numeric value|
+| <div style={{ width:"100px"}}> Style </div> | <div style={{ width:"100px"}}> Description </div>  | <div style={{ width:"135px"}}> Expected Value </div>  |
+| :------------- | :-------------- | :-------------- |
+| Visibility  | Controls the visibility of the component. If set to `{{false}}`, the component will not be visible after the app is deployed. | Use the toggle button OR click on **fx** to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`. |
+| Disable  | Makes the component non-functional when set to true.  | Use the toggle button OR click on **fx** to pass a boolean value or a logical expression that returns a boolean value i.e. either `{{true}}` or `{{false}}`. |
+| Border radius  | Adjusts the roundness of the component's corners.  | Numeric value  |
+
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## General
 
@@ -85,4 +87,4 @@ In the input field under **Tooltip**, you can enter some text and the component
 
 The **Box Shadow** property is used to add shadow effects around a component's frame. You can specify the horizontal and vertical offsets(through X and Y sliders), blur and spread radius, and color of the shadow.
 
-</div>
\ No newline at end of file
+</div>
diff --git a/docs/versioned_docs/version-2.50.0-LTS/widgets/tree-select.md b/docs/versioned_docs/version-2.50.0-LTS/widgets/tree-select.md
index ae2cd17633..3ee6dfb550 100644
--- a/docs/versioned_docs/version-2.50.0-LTS/widgets/tree-select.md
+++ b/docs/versioned_docs/version-2.50.0-LTS/widgets/tree-select.md
@@ -5,9 +5,9 @@ title: Tree Select
 
 # Tree Select
 
-The **Tree Select** widget is a group checkboxes in a TreeView which can be expanded or collapsed.
+The **Tree Select** component is a group checkboxes in a TreeView which can be expanded or collapsed.
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Properties
 
@@ -86,7 +86,7 @@ Similar to checked values, expanded values is an array of values passed to expan
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Events
 
@@ -102,7 +102,7 @@ Check [Action Reference](/docs/category/actions-reference) docs to get the detai
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Component Specific Actions (CSA)
 
@@ -110,7 +110,7 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Exposed Variables
 
@@ -123,30 +123,32 @@ There are currently no CSA (Component-Specific Actions) implemented to regulate
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
 
 ## Layout
 
 |  <div style={{ width:"100px"}}> Layout </div> |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"135px"}}> Expected Value </div>|
 |:----- |:---------  |:------------- |
-| Show on desktop | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
-| Show on mobile  | Toggle on or off to display mobile view.  | You can programmatically determining the value by clicking on `Fx` to set the value `{{true}}` or `{{false}}` |
+| Show on desktop  | Toggle on or off to display desktop view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
+| Show on mobile | Toggle on or off to display mobile view. | You can programmatically determining the value by clicking on **fx** to set the value `{{true}}` or `{{false}}` |
 
 </div>
 
-<div style={{paddingTop:'24px', paddingBottom:'24px'}}>
+<div style={{paddingTop:'24px'}}>
+
+---
 
 ## Styles
 
 |  <div style={{ width:"100px"}}> Style </div> |  <div style={{ width:"100px"}}> Description </div> |  <div style={{ width:"100px"}}> Default Value </div>|
 |:----- |:---------  |:------------- |
-| Text color | Change the color of the text in the widget by providig the `Hex color code` or choosing a color from the picker. |  |
-| Checkbox color | Change the color of the toggle switch in the widget by providig the `Hex color code` or choosing a color from the picker. |  |
-| Visibility | This is to control the visibility of the widget. If `{{false}}` the widget will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`. |
-| Disable | This property only accepts boolean values. If set to `{{true}}`, the widget will be locked and becomes non-functional. | By default, its value is set to `{{false}}`. |
+| Text color  | Change the color of the text in the component by providig the `Hex color code` or choosing a color from the picker. |     |
+| Checkbox color | Change the color of the toggle switch in the component by providig the `Hex color code` or choosing a color from the picker. |   |
+| Visibility  | This is to control the visibility of the component. If `{{false}}` the component will not visible after the app is deployed. It can only have boolean values i.e. either `{{true}}` or `{{false}}`. | By default, it's set to `{{true}}`.  |
+| Disable   | This property only accepts boolean values. If set to `{{true}}`, the component will be locked and becomes non-functional.  | By default, its value is set to `{{false}}`.|
 
 :::info
-Any property having `Fx` button next to its field can be **programmatically configured**.
+Any property having **fx** button next to its field can be **programmatically configured**.
 :::
 
-</div>
\ No newline at end of file
+</div>
diff --git a/frontend/.version b/frontend/.version
index a35c54823f..49b32b2c1c 100644
--- a/frontend/.version
+++ b/frontend/.version
@@ -1 +1 @@
-3.0.5-ce
+3.1.1-ce
diff --git a/frontend/assets/images/icons/widgets/index.jsx b/frontend/assets/images/icons/widgets/index.jsx
index ebbb50eee0..8d6997b4c2 100644
--- a/frontend/assets/images/icons/widgets/index.jsx
+++ b/frontend/assets/images/icons/widgets/index.jsx
@@ -39,6 +39,7 @@ import Passwordinput from './passwordinput.jsx';
 import Pdf from './pdf.jsx';
 import Qrscanner from './qrscanner.jsx';
 import RadioButton from './radio-button.jsx';
+import RadioButtonV2 from './radiobuttonV2.jsx';
 import Rangeslider from './rangeslider.jsx';
 import Rating from './rating.jsx';
 import Spinner from './spinner.jsx';
@@ -140,8 +141,10 @@ const WidgetIcon = (props) => {
       return <Pdf {...props} />;
     case 'qrscanner':
       return <Qrscanner {...props} />;
-    case 'radiobutton':
+    case 'radiobuttonlegacy':
       return <RadioButton {...props} />;
+    case 'radiobutton':
+      return <RadioButtonV2 {...props} />;
     case 'rangeslider':
       return <Rangeslider {...props} />;
     case 'rating':
diff --git a/frontend/assets/images/icons/widgets/radiobuttonV2.jsx b/frontend/assets/images/icons/widgets/radiobuttonV2.jsx
new file mode 100644
index 0000000000..28b6349eb7
--- /dev/null
+++ b/frontend/assets/images/icons/widgets/radiobuttonV2.jsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+const RadioButtonV2 = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
+  <svg
+    width={width}
+    height={width}
+    viewBox={viewBox}
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+  >
+    <path fill={fill} d="M24.889 46c12.15 0 22-9.85 22-22s-9.85-22-22-22-22 9.85-22 22 9.85 22 22 22z"></path>
+    <path fill="#3E63DD" d="M24.889 33a9 9 0 100-18 9 9 0 000 18z"></path>
+  </svg>
+);
+
+export default RadioButtonV2;
diff --git a/frontend/assets/images/templates/advanced-data-visualization-dark.png b/frontend/assets/images/templates/advanced-data-visualization-dark.png
new file mode 100644
index 0000000000..20b7ae8a80
Binary files /dev/null and b/frontend/assets/images/templates/advanced-data-visualization-dark.png differ
diff --git a/frontend/assets/images/templates/advanced-data-visualization.png b/frontend/assets/images/templates/advanced-data-visualization.png
new file mode 100644
index 0000000000..0f17cccecf
Binary files /dev/null and b/frontend/assets/images/templates/advanced-data-visualization.png differ
diff --git a/frontend/assets/images/templates/ai-powered-code-explainer-dark.png b/frontend/assets/images/templates/ai-powered-code-explainer-dark.png
new file mode 100644
index 0000000000..b72056d307
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-code-explainer-dark.png differ
diff --git a/frontend/assets/images/templates/ai-powered-code-explainer.png b/frontend/assets/images/templates/ai-powered-code-explainer.png
new file mode 100644
index 0000000000..74185245e2
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-code-explainer.png differ
diff --git a/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr-dark.png b/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr-dark.png
new file mode 100644
index 0000000000..85c10bba2c
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr-dark.png differ
diff --git a/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr.png b/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr.png
new file mode 100644
index 0000000000..7e3611e196
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-reimbursement-tracker-with-ocr.png differ
diff --git a/frontend/assets/images/templates/ai-powered-sql-query-generator-dark.png b/frontend/assets/images/templates/ai-powered-sql-query-generator-dark.png
new file mode 100644
index 0000000000..501faa9716
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-sql-query-generator-dark.png differ
diff --git a/frontend/assets/images/templates/ai-powered-sql-query-generator.png b/frontend/assets/images/templates/ai-powered-sql-query-generator.png
new file mode 100644
index 0000000000..ebeb9c2fd9
Binary files /dev/null and b/frontend/assets/images/templates/ai-powered-sql-query-generator.png differ
diff --git a/frontend/assets/images/templates/base64-encoder-decoder-dark.png b/frontend/assets/images/templates/base64-encoder-decoder-dark.png
new file mode 100644
index 0000000000..152fbc65c8
Binary files /dev/null and b/frontend/assets/images/templates/base64-encoder-decoder-dark.png differ
diff --git a/frontend/assets/images/templates/base64-encoder-decoder.png b/frontend/assets/images/templates/base64-encoder-decoder.png
new file mode 100644
index 0000000000..4feb9f1eb4
Binary files /dev/null and b/frontend/assets/images/templates/base64-encoder-decoder.png differ
diff --git a/frontend/assets/images/templates/course-management-system-dark.png b/frontend/assets/images/templates/course-management-system-dark.png
new file mode 100644
index 0000000000..8b4d97c0d9
Binary files /dev/null and b/frontend/assets/images/templates/course-management-system-dark.png differ
diff --git a/frontend/assets/images/templates/course-management-system.png b/frontend/assets/images/templates/course-management-system.png
new file mode 100644
index 0000000000..0eaa5986ba
Binary files /dev/null and b/frontend/assets/images/templates/course-management-system.png differ
diff --git a/frontend/assets/images/templates/digital-asset-management-dark.png b/frontend/assets/images/templates/digital-asset-management-dark.png
new file mode 100644
index 0000000000..5158cca281
Binary files /dev/null and b/frontend/assets/images/templates/digital-asset-management-dark.png differ
diff --git a/frontend/assets/images/templates/digital-asset-management.png b/frontend/assets/images/templates/digital-asset-management.png
new file mode 100644
index 0000000000..e98df135ea
Binary files /dev/null and b/frontend/assets/images/templates/digital-asset-management.png differ
diff --git a/frontend/assets/images/templates/documentation-checklist-dark.png b/frontend/assets/images/templates/documentation-checklist-dark.png
new file mode 100644
index 0000000000..993e7e058a
Binary files /dev/null and b/frontend/assets/images/templates/documentation-checklist-dark.png differ
diff --git a/frontend/assets/images/templates/documentation-checklist.png b/frontend/assets/images/templates/documentation-checklist.png
new file mode 100644
index 0000000000..0f4c03e41b
Binary files /dev/null and b/frontend/assets/images/templates/documentation-checklist.png differ
diff --git a/frontend/assets/images/templates/inventory-management-airtable-dark.png b/frontend/assets/images/templates/inventory-management-airtable-dark.png
new file mode 100644
index 0000000000..81ee075c41
Binary files /dev/null and b/frontend/assets/images/templates/inventory-management-airtable-dark.png differ
diff --git a/frontend/assets/images/templates/inventory-management-airtable.png b/frontend/assets/images/templates/inventory-management-airtable.png
new file mode 100644
index 0000000000..ea1b36bb0f
Binary files /dev/null and b/frontend/assets/images/templates/inventory-management-airtable.png differ
diff --git a/frontend/assets/images/templates/invoice-tracker-and-generator-dark.png b/frontend/assets/images/templates/invoice-tracker-and-generator-dark.png
new file mode 100644
index 0000000000..fe29f40ae7
Binary files /dev/null and b/frontend/assets/images/templates/invoice-tracker-and-generator-dark.png differ
diff --git a/frontend/assets/images/templates/invoice-tracker-and-generator.png b/frontend/assets/images/templates/invoice-tracker-and-generator.png
new file mode 100644
index 0000000000..59a793e131
Binary files /dev/null and b/frontend/assets/images/templates/invoice-tracker-and-generator.png differ
diff --git a/frontend/assets/images/templates/json-formatter-dark.png b/frontend/assets/images/templates/json-formatter-dark.png
new file mode 100644
index 0000000000..501bf49d22
Binary files /dev/null and b/frontend/assets/images/templates/json-formatter-dark.png differ
diff --git a/frontend/assets/images/templates/json-formatter.png b/frontend/assets/images/templates/json-formatter.png
new file mode 100644
index 0000000000..ebfb63cf16
Binary files /dev/null and b/frontend/assets/images/templates/json-formatter.png differ
diff --git a/frontend/assets/images/templates/library-management-system-dark.png b/frontend/assets/images/templates/library-management-system-dark.png
new file mode 100644
index 0000000000..bb7d7585fc
Binary files /dev/null and b/frontend/assets/images/templates/library-management-system-dark.png differ
diff --git a/frontend/assets/images/templates/library-management-system.png b/frontend/assets/images/templates/library-management-system.png
new file mode 100644
index 0000000000..d0219b2945
Binary files /dev/null and b/frontend/assets/images/templates/library-management-system.png differ
diff --git a/frontend/assets/images/templates/personal-finance-tracker-dark.png b/frontend/assets/images/templates/personal-finance-tracker-dark.png
new file mode 100644
index 0000000000..be160e6618
Binary files /dev/null and b/frontend/assets/images/templates/personal-finance-tracker-dark.png differ
diff --git a/frontend/assets/images/templates/personal-finance-tracker.png b/frontend/assets/images/templates/personal-finance-tracker.png
new file mode 100644
index 0000000000..5fbb39c1ab
Binary files /dev/null and b/frontend/assets/images/templates/personal-finance-tracker.png differ
diff --git a/frontend/assets/images/templates/placeholder-image-generator-dark.png b/frontend/assets/images/templates/placeholder-image-generator-dark.png
new file mode 100644
index 0000000000..6513a14e32
Binary files /dev/null and b/frontend/assets/images/templates/placeholder-image-generator-dark.png differ
diff --git a/frontend/assets/images/templates/placeholder-image-generator.png b/frontend/assets/images/templates/placeholder-image-generator.png
new file mode 100644
index 0000000000..d77849a3a0
Binary files /dev/null and b/frontend/assets/images/templates/placeholder-image-generator.png differ
diff --git a/frontend/assets/images/templates/promo-code-management-postgresql-dark.png b/frontend/assets/images/templates/promo-code-management-postgresql-dark.png
new file mode 100644
index 0000000000..a0a994a7b5
Binary files /dev/null and b/frontend/assets/images/templates/promo-code-management-postgresql-dark.png differ
diff --git a/frontend/assets/images/templates/promo-code-management-postgresql.png b/frontend/assets/images/templates/promo-code-management-postgresql.png
new file mode 100644
index 0000000000..e6ac79ae0d
Binary files /dev/null and b/frontend/assets/images/templates/promo-code-management-postgresql.png differ
diff --git a/frontend/assets/images/templates/real-estate-management-dark.png b/frontend/assets/images/templates/real-estate-management-dark.png
new file mode 100644
index 0000000000..d813165300
Binary files /dev/null and b/frontend/assets/images/templates/real-estate-management-dark.png differ
diff --git a/frontend/assets/images/templates/real-estate-management.png b/frontend/assets/images/templates/real-estate-management.png
new file mode 100644
index 0000000000..1fbf7fd3ba
Binary files /dev/null and b/frontend/assets/images/templates/real-estate-management.png differ
diff --git a/frontend/assets/images/templates/sql-query-formatter-dark.png b/frontend/assets/images/templates/sql-query-formatter-dark.png
new file mode 100644
index 0000000000..715f9d5027
Binary files /dev/null and b/frontend/assets/images/templates/sql-query-formatter-dark.png differ
diff --git a/frontend/assets/images/templates/sql-query-formatter.png b/frontend/assets/images/templates/sql-query-formatter.png
new file mode 100644
index 0000000000..c7f4028cb9
Binary files /dev/null and b/frontend/assets/images/templates/sql-query-formatter.png differ
diff --git a/frontend/assets/images/templates/strong-password-generator-dark.png b/frontend/assets/images/templates/strong-password-generator-dark.png
new file mode 100644
index 0000000000..37bb258718
Binary files /dev/null and b/frontend/assets/images/templates/strong-password-generator-dark.png differ
diff --git a/frontend/assets/images/templates/strong-password-generator.png b/frontend/assets/images/templates/strong-password-generator.png
new file mode 100644
index 0000000000..41c03d9175
Binary files /dev/null and b/frontend/assets/images/templates/strong-password-generator.png differ
diff --git a/frontend/assets/images/templates/student-attendance-tracker-dark.png b/frontend/assets/images/templates/student-attendance-tracker-dark.png
new file mode 100644
index 0000000000..68cd3f0e7c
Binary files /dev/null and b/frontend/assets/images/templates/student-attendance-tracker-dark.png differ
diff --git a/frontend/assets/images/templates/student-attendance-tracker.png b/frontend/assets/images/templates/student-attendance-tracker.png
new file mode 100644
index 0000000000..3cb4c18698
Binary files /dev/null and b/frontend/assets/images/templates/student-attendance-tracker.png differ
diff --git a/frontend/assets/images/templates/student-management-system-dark.png b/frontend/assets/images/templates/student-management-system-dark.png
new file mode 100644
index 0000000000..b4848683e6
Binary files /dev/null and b/frontend/assets/images/templates/student-management-system-dark.png differ
diff --git a/frontend/assets/images/templates/student-management-system.png b/frontend/assets/images/templates/student-management-system.png
new file mode 100644
index 0000000000..7111f60dfa
Binary files /dev/null and b/frontend/assets/images/templates/student-management-system.png differ
diff --git a/frontend/assets/images/templates/task-management-system-dark.png b/frontend/assets/images/templates/task-management-system-dark.png
new file mode 100644
index 0000000000..9c1c5ebbea
Binary files /dev/null and b/frontend/assets/images/templates/task-management-system-dark.png differ
diff --git a/frontend/assets/images/templates/task-management-system.png b/frontend/assets/images/templates/task-management-system.png
new file mode 100644
index 0000000000..eb718ee16a
Binary files /dev/null and b/frontend/assets/images/templates/task-management-system.png differ
diff --git a/frontend/assets/images/templates/transporation-logistics-tracker-dark.png b/frontend/assets/images/templates/transporation-logistics-tracker-dark.png
new file mode 100644
index 0000000000..3da10d30ed
Binary files /dev/null and b/frontend/assets/images/templates/transporation-logistics-tracker-dark.png differ
diff --git a/frontend/assets/images/templates/transporation-logistics-tracker.png b/frontend/assets/images/templates/transporation-logistics-tracker.png
new file mode 100644
index 0000000000..7cde7650c9
Binary files /dev/null and b/frontend/assets/images/templates/transporation-logistics-tracker.png differ
diff --git a/frontend/assets/images/templates/url-splitter-and-parser-dark.png b/frontend/assets/images/templates/url-splitter-and-parser-dark.png
new file mode 100644
index 0000000000..dc55980327
Binary files /dev/null and b/frontend/assets/images/templates/url-splitter-and-parser-dark.png differ
diff --git a/frontend/assets/images/templates/url-splitter-and-parser.png b/frontend/assets/images/templates/url-splitter-and-parser.png
new file mode 100644
index 0000000000..c0c6fab6fc
Binary files /dev/null and b/frontend/assets/images/templates/url-splitter-and-parser.png differ
diff --git a/frontend/assets/images/templates/utf-8-encoder-and-decoder-dark.png b/frontend/assets/images/templates/utf-8-encoder-and-decoder-dark.png
new file mode 100644
index 0000000000..7b3bb87e2d
Binary files /dev/null and b/frontend/assets/images/templates/utf-8-encoder-and-decoder-dark.png differ
diff --git a/frontend/assets/images/templates/utf-8-encoder-and-decoder.png b/frontend/assets/images/templates/utf-8-encoder-and-decoder.png
new file mode 100644
index 0000000000..83aa493a53
Binary files /dev/null and b/frontend/assets/images/templates/utf-8-encoder-and-decoder.png differ
diff --git a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
index 4298cb9439..1f88e79baa 100644
--- a/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
+++ b/frontend/src/AppBuilder/AppCanvas/ConfigHandle/configHandle.scss
@@ -78,10 +78,6 @@
   visibility: visible !important;
 }
 
-.main-editor-canvas .widget-target:hover .widget-target:hover > .config-handle {
-  visibility: visible !important;
-}
-
 .main-editor-canvas .widget-target:hover .widget-target:hover > .widget-target > .config-handle {
   visibility: hidden !important;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/AppBuilder/AppCanvas/Grid/Grid.jsx b/frontend/src/AppBuilder/AppCanvas/Grid/Grid.jsx
index a8a10caf55..c8f1311033 100644
--- a/frontend/src/AppBuilder/AppCanvas/Grid/Grid.jsx
+++ b/frontend/src/AppBuilder/AppCanvas/Grid/Grid.jsx
@@ -353,6 +353,7 @@ export default function Grid({ gridWidth, currentLayout }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [boxList, currentLayout, gridWidth]
   );
+
   if (mode !== 'edit') return null;
 
   return (
@@ -425,6 +426,22 @@ export default function Grid({ gridWidth, currentLayout }) {
             document.getElementById('resize-ghost-widget').style.height = `${e.target.clientHeight}px`;
           }
         }}
+        onResizeStart={(e) => {
+          if (
+            e.target.id &&
+            useGridStore.getState().resizingComponentId !== e.target.id &&
+            !e.target.classList.contains('delete-icon')
+          ) {
+            // When clicked on widget boundary/resizer, select the component
+            setSelectedComponents([e.target.id]);
+          }
+
+          if (!isComponentVisible(e.target.id)) {
+            return false;
+          }
+          useGridStore.getState().actions.setResizingComponentId(e.target.id);
+          e.setMin([gridWidth, 10]);
+        }}
         onResizeEnd={(e) => {
           try {
             useGridStore.getState().actions.setResizingComponentId(null);
@@ -491,13 +508,6 @@ export default function Grid({ gridWidth, currentLayout }) {
           useGridStore.getState().actions.setDragTarget();
           toggleCanvasUpdater();
         }}
-        onResizeStart={(e) => {
-          if (!isComponentVisible(e.target.id)) {
-            return false;
-          }
-          useGridStore.getState().actions.setResizingComponentId(e.target.id);
-          e.setMin([gridWidth, 10]);
-        }}
         onResizeGroupStart={({ events }) => {
           const parentElm = events[0].target.closest('.real-canvas');
           parentElm.classList.add('show-grid');
@@ -582,7 +592,12 @@ export default function Grid({ gridWidth, currentLayout }) {
         onDragStart={(e) => {
           e?.moveable?.controlBox?.removeAttribute('data-off-screen');
           const box = boxList.find((box) => box.id === e.target.id);
-          let isDragOnTableORCalendar = false;
+
+          //  This flag indicates whether the drag event originated on a child element within a component
+          //  (e.g., inside a Table's columns, Calendar's dates, or Kanban's cards).
+          //  When true, it prevents the parent component from being dragged, allowing the inner elements
+          //  to handle their own interactions like column resizing or card dragging
+          let isDragOnInnerElement = false;
 
           /* If the drag or click is on a calender popup draggable interactions are not executed so that popups and other components inside calender popup works. 
             Also user dont need to drag an calender from using popup */
@@ -593,20 +608,24 @@ export default function Grid({ gridWidth, currentLayout }) {
           /* Checking if the dragged elemenent is a table. If its a table drag is disabled since it will affect column resizing and reordering */
           if (box?.component?.component === 'Table') {
             const tableElem = e.target.querySelector('.jet-data-table');
-            isDragOnTableORCalendar = tableElem.contains(e.inputEvent.target);
+            isDragOnInnerElement = tableElem.contains(e.inputEvent.target);
           }
           if (box?.component?.component === 'Calendar') {
             const calenderElem =
               e.target.querySelector('.rbc-month-view') ||
               e.target.querySelector('.rbc-time-view') ||
               e.target.querySelector('.rbc-day-view');
-            isDragOnTableORCalendar = calenderElem.contains(e.inputEvent.target);
+            isDragOnInnerElement = calenderElem.contains(e.inputEvent.target);
           }
 
-          if (
-            ['RangeSlider', 'Container', 'BoundedBox', 'Kanban'].includes(box?.component?.component) ||
-            isDragOnTableORCalendar
-          ) {
+          if (box?.component?.component === 'Kanban') {
+            const handleContainers = e.target.querySelectorAll('.handle-container');
+            isDragOnInnerElement = Array.from(handleContainers).some((container) =>
+              container.contains(e.inputEvent.target)
+            );
+          }
+
+          if (['RangeSlider', 'BoundedBox'].includes(box?.component?.component) || isDragOnInnerElement) {
             const targetElems = document.elementsFromPoint(e.clientX, e.clientY);
             const isHandle = targetElems.find((ele) => ele.classList.contains('handle-content'));
             if (!isHandle) {
@@ -666,7 +685,9 @@ export default function Grid({ gridWidth, currentLayout }) {
             let left = e.lastEvent?.translate[0];
             let top = e.lastEvent?.translate[1];
             if (
-              ['Listview', 'Kanban'].includes(boxList.find((box) => box.id === draggedOverElemId)?.component?.component)
+              ['Listview', 'Kanban', 'Container'].includes(
+                boxList.find((box) => box.id === draggedOverElemId)?.component?.component
+              )
             ) {
               const elemContainer = e.target.closest('.real-canvas');
               const containerHeight = elemContainer.clientHeight;
@@ -683,10 +704,19 @@ export default function Grid({ gridWidth, currentLayout }) {
             if (draggedOverElemId !== currentParentId) {
               if (isParentChangeAllowed) {
                 const draggedOverWidget = boxList.find((box) => box.id === draggedOverElemId);
+
+                let parentWidgetType = boxList.find((box) => box.id === draggedOverElemId)?.component?.component;
+                // @TODO - When dropping back to container from canvas, the boxList doesn't have canvas header,
+                // boxList will return null. But we need to tell getMouseDistanceFromParentDiv parentWidgetType is container
+                // As container id is like 'canvas-2375e23765e-123234'
+                if (parentId && !parentWidgetType && draggedOverElemId.includes('-header')) {
+                  parentWidgetType = 'Container';
+                }
+
                 let { left: _left, top: _top } = getMouseDistanceFromParentDiv(
                   e,
                   draggedOverWidget?.component?.component === 'Kanban' ? draggedOverElem : draggedOverElemId,
-                  boxList.find((box) => box.id === draggedOverElemId)?.component?.component
+                  parentWidgetType
                 );
                 left = _left;
                 top = _top;
diff --git a/frontend/src/AppBuilder/AppCanvas/RenderWidget.jsx b/frontend/src/AppBuilder/AppCanvas/RenderWidget.jsx
index de89652d18..ec91b5fdf3 100644
--- a/frontend/src/AppBuilder/AppCanvas/RenderWidget.jsx
+++ b/frontend/src/AppBuilder/AppCanvas/RenderWidget.jsx
@@ -18,6 +18,7 @@ const shouldAddBoxShadowAndVisibility = [
   'ToggleSwitchV2',
   'DropdownV2',
   'MultiselectV2',
+  'RadioButtonV2',
 ];
 
 const RenderWidget = ({
@@ -175,6 +176,7 @@ const RenderWidget = ({
             onComponentClick={onComponentClick}
             darkMode={darkMode}
             componentName={componentName}
+            dataCy={`draggable-widget-${componentName}`}
           />
         </div>
       </OverlayTrigger>
diff --git a/frontend/src/AppBuilder/AppCanvas/Selecto.jsx b/frontend/src/AppBuilder/AppCanvas/Selecto.jsx
index 6fcc85ea67..dae6fed99a 100644
--- a/frontend/src/AppBuilder/AppCanvas/Selecto.jsx
+++ b/frontend/src/AppBuilder/AppCanvas/Selecto.jsx
@@ -61,9 +61,8 @@ export const EditorSelecto = () => {
       if (selection) {
         selection.removeAllRanges();
       }
-
       const target = e.inputEvent.target;
-      // This condition is to ensure selection happens only on main app canvas and not on child containers
+      // This condition is to ensure selection happens only on main app canvas and not on subcontainers
       if (target.getAttribute('component-id') === 'canvas') {
         return true;
       }
diff --git a/frontend/src/AppBuilder/AppCanvas/appCanvasConstants.js b/frontend/src/AppBuilder/AppCanvas/appCanvasConstants.js
index 6d15fea9ad..a96dc9f9c7 100644
--- a/frontend/src/AppBuilder/AppCanvas/appCanvasConstants.js
+++ b/frontend/src/AppBuilder/AppCanvas/appCanvasConstants.js
@@ -6,7 +6,7 @@ export const CANVAS_WIDTHS = Object.freeze({
   rightSideBarWidth: 300,
 });
 
-export const WIDGETS_WITH_DEFAULT_CHILDREN = ['Listview', 'Tabs', 'Form', 'Kanban'];
+export const WIDGETS_WITH_DEFAULT_CHILDREN = ['Listview', 'Tabs', 'Form', 'Kanban', 'Container'];
 
 export const DEFAULT_CANVAS_WIDTH = 1292;
 
diff --git a/frontend/src/AppBuilder/AppCanvas/appCanvasUtils.js b/frontend/src/AppBuilder/AppCanvas/appCanvasUtils.js
index 6171473174..c4e4ec6402 100644
--- a/frontend/src/AppBuilder/AppCanvas/appCanvasUtils.js
+++ b/frontend/src/AppBuilder/AppCanvas/appCanvasUtils.js
@@ -3,7 +3,7 @@ import { deepClone } from '@/_helpers/utilities/utils.helpers';
 import { componentTypes } from '../WidgetManager';
 import useStore from '@/AppBuilder/_stores/store';
 import { toast } from 'react-hot-toast';
-import { CANVAS_WIDTHS, NO_OF_GRIDS } from './appCanvasConstants';
+import { CANVAS_WIDTHS, NO_OF_GRIDS, WIDGETS_WITH_DEFAULT_CHILDREN } from './appCanvasConstants';
 import _ from 'lodash';
 
 export function snapToGrid(canvasWidth, x, y) {
@@ -42,8 +42,6 @@ export const addNewWidgetToTheEditor = (componentType, eventMonitorObject, curre
     componentData.definition.others.showOnMobile.value = `{{true}}`;
   }
 
-  const widgetsWithDefaultComponents = ['Listview', 'Tabs', 'Form', 'Kanban'];
-
   const nonActiveLayout = currentLayout === 'desktop' ? 'mobile' : 'desktop';
   const newComponent = {
     id: uuidv4(),
@@ -66,7 +64,7 @@ export const addNewWidgetToTheEditor = (componentType, eventMonitorObject, curre
         height: defaultHeight,
       },
     },
-    withDefaultChildren: widgetsWithDefaultComponents.includes(componentData.component),
+    withDefaultChildren: WIDGETS_WITH_DEFAULT_CHILDREN.includes(componentData.component),
   };
 
   return newComponent;
@@ -136,13 +134,14 @@ export function addChildrenWidgetsToParent(componentType, parentId, currentLayou
       }
 
       const nonActiveLayout = currentLayout === 'desktop' ? 'mobile' : 'desktop';
+      const _parent = getParentComponentIdByType(child, parentMeta.component, parentId);
 
       const newChildComponent = {
         id: uuidv4(),
         name: widgetName,
         component: {
           ...componentData,
-          parent: parentMeta.component === 'Tabs' ? parentId + '-' + tab : parentId,
+          parent: getParentComponentIdByType(child, parentMeta.component, parentId),
         },
         layouts: {
           [currentLayout]: {
@@ -193,7 +192,8 @@ export const getAllChildComponents = (allComponents, parentId) => {
     const isParentTabORCalendar =
       allComponents[parentId]?.component?.component === 'Tabs' ||
       allComponents[parentId]?.component?.component === 'Calendar' ||
-      allComponents[parentId]?.component?.component === 'Kanban';
+      allComponents[parentId]?.component?.component === 'Kanban' ||
+      allComponents[parentId]?.component?.component === 'Container';
 
     if (componentParentId && isParentTabORCalendar) {
       let childComponent = deepClone(allComponents[componentId]);
@@ -336,7 +336,11 @@ const isChildOfTabsOrCalendar = (component, allComponents = [], componentParentI
   const parentComponent = allComponents?.[parentId];
 
   if (parentComponent) {
-    return parentComponent.component.component === 'Tabs' || parentComponent.component.component === 'Calendar';
+    return (
+      parentComponent.component.component === 'Tabs' ||
+      parentComponent.component.component === 'Calendar' ||
+      parentComponent.component.component === 'Container'
+    );
   }
 
   return false;
@@ -457,3 +461,11 @@ export const computeViewerBackgroundColor = (isAppDarkMode, canvasBgColor) => {
   }
   return canvasBgColor;
 };
+
+export const getParentComponentIdByType = (child, parentComponent, parentId) => {
+  const { tab } = child;
+
+  if (parentComponent === 'Tabs') return `${parentId}-${tab}`;
+  else if (parentComponent === 'Container') return `${parentId}-header`;
+  return parentId;
+};
diff --git a/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenuItem.jsx b/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenuItem.jsx
index 528a2262dd..214b01435c 100644
--- a/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenuItem.jsx
+++ b/frontend/src/AppBuilder/LeftSidebar/PageMenu/PageMenuItem.jsx
@@ -172,7 +172,7 @@ export const PageMenuItem = withRouter(
                 ...computedStyles?.pill,
               }}
             >
-              <div className="left">
+              <div className="left" data-cy={`pages-name-${page.name}`}>
                 {icon()}
                 <OverflowTooltip childrenClassName="page-name" style={{ ...computedStyles?.text }}>
                   {page.name}
diff --git a/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/ComponentsManagerTab.jsx b/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/ComponentsManagerTab.jsx
index a699b3d97f..aca9eff7cb 100644
--- a/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/ComponentsManagerTab.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/ComponentsManagerTab.jsx
@@ -124,7 +124,7 @@ export const ComponentsManagerTab = ({ darkMode }) => {
         'MultiselectV2',
         'RichTextEditor',
         'Checkbox',
-        'RadioButton',
+        'RadioButtonV2',
         'Datepicker',
         'DateRangePicker',
         'FilePicker',
diff --git a/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/constants.js b/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/constants.js
index 82bfbfc4d2..bc7d91d4cb 100644
--- a/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/constants.js
+++ b/frontend/src/AppBuilder/RightSideBar/ComponentsManagerTab/constants.js
@@ -1 +1 @@
-export const LEGACY_ITEMS = ['ToggleSwitch', 'DropDown', 'Multiselect'];
+export const LEGACY_ITEMS = ['ToggleSwitch', 'DropDown', 'Multiselect', 'RadioButton'];
diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/Components/Chart.jsx b/frontend/src/AppBuilder/RightSideBar/Inspector/Components/Chart.jsx
index ebe03675e7..fe6c33341b 100644
--- a/frontend/src/AppBuilder/RightSideBar/Inspector/Components/Chart.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/Inspector/Components/Chart.jsx
@@ -181,22 +181,25 @@ class Chart extends React.Component {
           ),
         });
       }
+    }
 
-      items.push({
-        title: 'Options',
-        children: (
-          <>
-            {renderElement(
-              component,
-              componentMeta,
-              paramUpdated,
-              dataQueries,
-              'loadingState',
-              'properties',
-              currentState
-            )}
-            {renderElement(component, componentMeta, paramUpdated, dataQueries, 'showAxes', 'properties', currentState)}
-            {renderElement(
+    items.push({
+      title: 'Options',
+      children: (
+        <>
+          {renderElement(
+            component,
+            componentMeta,
+            paramUpdated,
+            dataQueries,
+            'loadingState',
+            'properties',
+            currentState
+          )}
+          {chartType !== 'pie' &&
+            renderElement(component, componentMeta, paramUpdated, dataQueries, 'showAxes', 'properties', currentState)}
+          {chartType !== 'pie' &&
+            renderElement(
               component,
               componentMeta,
               paramUpdated,
@@ -205,10 +208,9 @@ class Chart extends React.Component {
               'properties',
               currentState
             )}
-          </>
-        ),
-      });
-    }
+        </>
+      ),
+    });
 
     items.push({
       title: 'Events',
diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/Components/DefaultComponent.jsx b/frontend/src/AppBuilder/RightSideBar/Inspector/Components/DefaultComponent.jsx
index 74ae7c6e47..8ab5c9356a 100644
--- a/frontend/src/AppBuilder/RightSideBar/Inspector/Components/DefaultComponent.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/Inspector/Components/DefaultComponent.jsx
@@ -12,6 +12,7 @@ import { shallow } from 'zustand/shallow';
 
 const SHOW_ADDITIONAL_ACTIONS = [
   'Text',
+  'Container',
   'TextInput',
   'NumberInput',
   'PasswordInput',
@@ -20,6 +21,7 @@ const SHOW_ADDITIONAL_ACTIONS = [
   'DropdownV2',
   'MultiselectV2',
   'Button',
+  'RichTextEditor',
 ];
 const PROPERTIES_VS_ACCORDION_TITLE = {
   Text: 'Data',
diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx b/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx
index 09c813fc7c..c3add3f1cc 100644
--- a/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/Inspector/EventManager.jsx
@@ -352,6 +352,7 @@ export const EventManager = ({
         actionId: 'show-alert',
         message: 'Hello world!',
         alertType: 'info',
+        component: eventMetaDefinition.name,
         ...customEventRefs,
       },
       eventType: eventSourceType,
diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/Inspector.jsx b/frontend/src/AppBuilder/RightSideBar/Inspector/Inspector.jsx
index e09862bc38..fdebdaaab5 100644
--- a/frontend/src/AppBuilder/RightSideBar/Inspector/Inspector.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/Inspector/Inspector.jsx
@@ -66,6 +66,7 @@ const NEW_REVAMPED_COMPONENTS = [
   'Checkbox',
   'DropdownV2',
   'MultiselectV2',
+  'RadioButtonV2',
   'Button',
 ];
 
@@ -702,6 +703,7 @@ const GetAccordion = React.memo(
 
       case 'DropdownV2':
       case 'MultiselectV2':
+      case 'RadioButtonV2':
         return <Select {...restProps} />;
 
       default: {
diff --git a/frontend/src/AppBuilder/RightSideBar/Inspector/Utils.js b/frontend/src/AppBuilder/RightSideBar/Inspector/Utils.js
index ff22348788..86d5753da0 100644
--- a/frontend/src/AppBuilder/RightSideBar/Inspector/Utils.js
+++ b/frontend/src/AppBuilder/RightSideBar/Inspector/Utils.js
@@ -48,6 +48,7 @@ export function renderCustomStyles(
     componentConfig.component == 'Table' ||
     componentConfig.component == 'DropdownV2' ||
     componentConfig.component == 'MultiselectV2' ||
+    componentConfig.component == 'RadioButtonV2' ||
     componentConfig.component == 'Button'
   ) {
     const paramTypeConfig = componentMeta[paramType] || {};
diff --git a/frontend/src/AppBuilder/RightSideBar/WidgetBox/WidgetBox.jsx b/frontend/src/AppBuilder/RightSideBar/WidgetBox/WidgetBox.jsx
index 7297ec9058..348d330ff0 100644
--- a/frontend/src/AppBuilder/RightSideBar/WidgetBox/WidgetBox.jsx
+++ b/frontend/src/AppBuilder/RightSideBar/WidgetBox/WidgetBox.jsx
@@ -2,8 +2,8 @@ import React from 'react';
 import WidgetIcon from '@/../assets/images/icons/widgets';
 import { useTranslation } from 'react-i18next';
 
-const LEGACY_WIDGETS = ['ToggleSwitch', 'DropDown', 'Multiselect'];
-const NEW_WIDGETS = ['ToggleSwitchV2', 'DropdownV2', 'MultiselectV2'];
+const LEGACY_WIDGETS = ['ToggleSwitch', 'DropDown', 'Multiselect', 'RadioButton'];
+const NEW_WIDGETS = ['ToggleSwitchV2', 'DropdownV2', 'MultiselectV2', 'RadioButtonV2'];
 
 export const WidgetBox = ({ component, darkMode }) => {
   const { t } = useTranslation();
diff --git a/frontend/src/AppBuilder/WidgetManager/configs/widgetConfig.js b/frontend/src/AppBuilder/WidgetManager/configs/widgetConfig.js
index e5125277e9..c19a2a167c 100644
--- a/frontend/src/AppBuilder/WidgetManager/configs/widgetConfig.js
+++ b/frontend/src/AppBuilder/WidgetManager/configs/widgetConfig.js
@@ -10,6 +10,7 @@ import {
   datepickerConfig,
   checkboxConfig,
   radiobuttonConfig,
+  radiobuttonV2Config,
   toggleswitchConfig,
   toggleSwitchV2Config,
   textareaConfig,
@@ -67,6 +68,7 @@ export const widgets = [
   datepickerConfig,
   checkboxConfig,
   radiobuttonConfig,
+  radiobuttonV2Config,
   toggleswitchConfig,
   toggleSwitchV2Config,
   textareaConfig,
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/button.js b/frontend/src/AppBuilder/WidgetManager/widgets/button.js
index 73b4a03bd4..67da105c55 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/button.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/button.js
@@ -132,10 +132,7 @@ export const buttonConfig = {
     borderRadius: {
       type: 'numberInput',
       displayName: 'Border radius',
-      validation: {
-        validation: { schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] } },
-        defaultValue: false,
-      },
+      validation: { schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] }, defaultValue: false },
       accordian: 'button',
     },
     boxShadow: {
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/container.js b/frontend/src/AppBuilder/WidgetManager/widgets/container.js
index 32d4158ffc..f06c8ae182 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/container.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/container.js
@@ -15,22 +15,92 @@ export const containerConfig = {
     loadingState: {
       type: 'toggle',
       displayName: 'Loading state',
+      section: 'additionalActions',
       validation: {
         schema: { type: 'boolean' },
         defaultValue: false,
       },
     },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: true,
+      },
+    },
+    disabledState: {
+      type: 'toggle',
+      displayName: 'Disable',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+    },
+    showHeader: {
+      type: 'toggle',
+      displayName: 'Show header',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: true,
+      },
+    },
+    headerHeight: {
+      type: 'numberInput',
+      displayName: 'Header height',
+      validation: { schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] }, defaultValue: 80 },
+      accordian: 'field',
+    },
   },
+  defaultChildren: [
+    {
+      componentName: 'Text',
+      layout: {
+        top: 20,
+        left: 1,
+        height: 40,
+      },
+      displayName: 'ContainerText',
+      properties: ['text'],
+      accessorKey: 'text',
+      styles: ['fontWeight', 'textSize', 'textColor'],
+      defaultValue: {
+        text: 'Container title',
+        fontWeight: 'bold',
+        textSize: 16,
+        textColor: '#000',
+      },
+    },
+  ],
   events: {},
   styles: {
     backgroundColor: {
       type: 'color',
-      displayName: 'Background color',
+      displayName: 'Background',
       validation: {
         schema: { type: 'string' },
         defaultValue: '#fff',
       },
     },
+    headerBackgroundColor: {
+      type: 'color',
+      displayName: 'Header',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: '#fff',
+      },
+    },
+    headerHeight: {
+      type: 'numberInput',
+      displayName: 'Header height',
+      validation: {
+        schema: { type: 'number' },
+        defaultValue: 80,
+      },
+      accordian: 'field',
+    },
     borderRadius: {
       type: 'code',
       displayName: 'Border radius',
@@ -50,40 +120,46 @@ export const containerConfig = {
         defaultValue: '#fff',
       },
     },
-    visibility: {
-      type: 'toggle',
-      displayName: 'Visibility',
-      validation: {
-        schema: { type: 'boolean' },
-        defaultValue: true,
-      },
-    },
-    disabledState: {
-      type: 'toggle',
-      displayName: 'Disable',
-      validation: {
-        schema: { type: 'boolean' },
-      },
-      defaultValue: false,
-    },
   },
-  exposedVariables: {},
+  exposedVariables: {
+    isVisible: true,
+    isDisabled: false,
+    isLoading: false,
+  },
+  actions: [
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'disable', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
       showOnMobile: { value: '{{false}}' },
     },
     properties: {
-      visible: { value: '{{true}}' },
       loadingState: { value: `{{false}}` },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
     },
     events: [],
     styles: {
       backgroundColor: { value: '#fff' },
+      headerBackgroundColor: { value: '#fff' },
       borderRadius: { value: '4' },
       borderColor: { value: '#fff' },
-      visibility: { value: '{{true}}' },
-      disabledState: { value: '{{false}}' },
+      headerHeight: { value: '80' },
     },
   },
 };
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/image.js b/frontend/src/AppBuilder/WidgetManager/widgets/image.js
index 7f15fbb6c5..8334267391 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/image.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/image.js
@@ -82,10 +82,7 @@ export const imageConfig = {
     padding: {
       type: 'code',
       displayName: 'Padding',
-      validation: {
-        schema: { type: 'number' },
-        defaultValue: 0,
-      },
+      validation: { schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] }, defaultValue: 0 },
     },
     visibility: {
       type: 'toggle',
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/index.js b/frontend/src/AppBuilder/WidgetManager/widgets/index.js
index 1a875d6fa2..d73cd8934f 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/index.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/index.js
@@ -9,6 +9,7 @@ import { passinputConfig } from './passwordinput';
 import { datepickerConfig } from './datepicker';
 import { checkboxConfig } from './checkbox';
 import { radiobuttonConfig } from './radiobutton';
+import { radiobuttonV2Config } from './radioButtonV2';
 import { toggleswitchConfig } from './toggleswitch';
 import { toggleSwitchV2Config } from './toggleswitchv2';
 import { textareaConfig } from './textarea';
@@ -65,7 +66,8 @@ export {
   passinputConfig,
   datepickerConfig,
   checkboxConfig,
-  radiobuttonConfig,
+  radiobuttonConfig, //!Depreciated
+  radiobuttonV2Config,
   toggleswitchConfig, //!Depreciated
   toggleSwitchV2Config,
   textareaConfig,
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/numberinput.js b/frontend/src/AppBuilder/WidgetManager/widgets/numberinput.js
index ba7f2bc227..fe3947e47b 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/numberinput.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/numberinput.js
@@ -20,10 +20,7 @@ export const numberinputConfig = {
     value: {
       type: 'code',
       displayName: 'Default value',
-      validation: {
-        schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] },
-        defaultValue: 0,
-      },
+      validation: { schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] }, defaultValue: 0 },
     },
     placeholder: {
       type: 'code',
@@ -236,7 +233,7 @@ export const numberinputConfig = {
     },
   ],
   exposedVariables: {
-    value: 99,
+    value: 0,
     isMandatory: false,
     isVisible: true,
     isDisabled: false,
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/radioButtonV2.js b/frontend/src/AppBuilder/WidgetManager/widgets/radioButtonV2.js
new file mode 100644
index 0000000000..2ff6ca6c7c
--- /dev/null
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/radioButtonV2.js
@@ -0,0 +1,295 @@
+export const radiobuttonV2Config = {
+  name: 'RadioButton',
+  displayName: 'Radio Button',
+  description: 'Select one from multiple choices',
+  component: 'RadioButtonV2',
+  defaultSize: {
+    width: 12,
+    height: 43,
+  },
+  others: {
+    showOnDesktop: { type: 'toggle', displayName: 'Show on desktop' },
+    showOnMobile: { type: 'toggle', displayName: 'Show on mobile' },
+  },
+  validation: {
+    customRule: {
+      type: 'code',
+      displayName: 'Custom validation',
+      placeholder: `{{components.text2.text=='yes'&&'valid'}}`,
+    },
+    mandatory: { type: 'toggle', displayName: 'Make this field mandatory' },
+  },
+  properties: {
+    label: {
+      type: 'code',
+      displayName: 'Label',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Select',
+      },
+      accordian: 'Data',
+    },
+    advanced: {
+      type: 'toggle',
+      displayName: 'Dynamic options',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    schema: {
+      type: 'code',
+      displayName: 'Schema',
+      conditionallyRender: {
+        key: 'advanced',
+        value: true,
+      },
+      accordian: 'Options',
+    },
+    optionsLoadingState: {
+      type: 'toggle',
+      displayName: 'Options loading state',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Loading state',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+
+      section: 'additionalActions',
+    },
+    disabledState: {
+      type: 'toggle',
+      displayName: 'Disable',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    tooltip: {
+      type: 'code',
+      displayName: 'Tooltip',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Enter tooltip text',
+      },
+      section: 'additionalActions',
+      placeholder: 'Enter tooltip text',
+    },
+  },
+  events: {
+    onSelectionChange: { displayName: 'On select' },
+  },
+  styles: {
+    labelColor: {
+      type: 'color',
+      displayName: 'Color',
+      validation: { schema: { type: 'string' }, defaultValue: '#1B1F24' },
+      accordian: 'label',
+    },
+    alignment: {
+      type: 'switch',
+      displayName: 'Alignment',
+      validation: { schema: { type: 'string' }, defaultValue: 'side' },
+      options: [
+        { displayName: 'Side', value: 'side' },
+        { displayName: 'Top', value: 'top' },
+      ],
+      accordian: 'label',
+    },
+    direction: {
+      type: 'switch',
+      displayName: 'Direction',
+      validation: { schema: { type: 'string' }, defaultValue: 'left' },
+      showLabel: false,
+      isIcon: true,
+      options: [
+        { displayName: 'alignleftinspector', value: 'left', iconName: 'alignleftinspector' },
+        { displayName: 'alignrightinspector', value: 'right', iconName: 'alignrightinspector' },
+      ],
+      accordian: 'label',
+    },
+    labelWidth: {
+      type: 'slider',
+      displayName: 'Width',
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    auto: {
+      type: 'checkbox',
+      displayName: 'auto',
+      showLabel: false,
+      validation: { schema: { type: 'boolean' } },
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    borderColor: {
+      type: 'color',
+      displayName: 'Border',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    switchOnBackgroundColor: {
+      type: 'color',
+      displayName: 'Checked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Checked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    switchOffBackgroundColor: {
+      type: 'color',
+      displayName: 'Unchecked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Unchecked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    handleColor: {
+      type: 'color',
+      displayName: 'Handle color',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    optionsTextColor: {
+      type: 'color',
+      displayName: 'Text',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    padding: {
+      type: 'switch',
+      displayName: 'Padding',
+      validation: {
+        schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] },
+        defaultValue: 'default',
+      },
+      isFxNotRequired: true,
+      options: [
+        { displayName: 'Default', value: 'default' },
+        { displayName: 'None', value: 'none' },
+      ],
+      accordian: 'container',
+    },
+  },
+  actions: [
+    {
+      handle: 'selectOption',
+      displayName: 'Select option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'deselectOption',
+      displayName: 'Deselect option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
+  exposedVariables: {
+    label: 'Select',
+  },
+  definition: {
+    others: {
+      showOnDesktop: { value: '{{true}}' },
+      showOnMobile: { value: '{{false}}' },
+    },
+    validation: {
+      mandatory: { value: '{{false}}' },
+    },
+    properties: {
+      label: { value: 'Select' },
+      value: { value: '{{"2"}}' },
+      advanced: { value: `{{false}}` },
+      options: {
+        value: [
+          {
+            label: 'option1',
+            value: '1',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+          {
+            label: 'option2',
+            value: '2',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: true },
+          },
+          {
+            label: 'option3',
+            value: '3',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+        ],
+      },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
+      loadingState: { value: '{{false}}' },
+      optionsLoadingState: { value: '{{false}}' },
+      optionVisibility: { value: '{{[true, true, true]}}' },
+      optionDisable: { value: '{{[false, false, false]}}' },
+      schema: {
+        value:
+          "{{[\t{label: 'option1',value: '1',disable: false,visible: true,default: true},{label: 'option2',value: '2',disable: false,visible: true},{label: 'option3',value: '3',disable: false,visible: true}\t]}}",
+      },
+    },
+    events: [],
+    styles: {
+      labelColor: { value: '#11181C' },
+      direction: { value: 'left' },
+      alignment: { value: 'side' },
+      auto: { value: '{{false}}' },
+      labelWidth: { value: '20' },
+      borderColor: { value: '#FFFFFF' },
+      switchOffBackgroundColor: { value: '#FFFFFF' },
+      switchOnBackgroundColor: { value: '#4368E3' },
+      handleColor: { value: '#FFFFFF' },
+      optionsTextColor: { value: '#11181C' },
+      padding: { value: 'default' },
+    },
+  },
+};
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/radiobutton.js b/frontend/src/AppBuilder/WidgetManager/widgets/radiobutton.js
index de1e210894..d6ec057526 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/radiobutton.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/radiobutton.js
@@ -1,6 +1,6 @@
 export const radiobuttonConfig = {
-  name: 'RadioButton',
-  displayName: 'Radio Button',
+  name: 'RadioButtonLegacy',
+  displayName: 'Radio Button (Legacy)',
   description: 'Select one from multiple choices',
   component: 'RadioButton',
   defaultSize: {
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/richtextarea.js b/frontend/src/AppBuilder/WidgetManager/widgets/richtextarea.js
index eacee66529..c964d53d6b 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/richtextarea.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/richtextarea.js
@@ -28,6 +28,15 @@ export const richtextareaConfig = {
         defaultValue: 'Default text',
       },
     },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Show loading state',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+      section: 'additionalActions',
+    },
   },
   events: {},
   styles: {
@@ -55,6 +64,28 @@ export const richtextareaConfig = {
   exposedVariables: {
     value: '',
   },
+  actions: [
+    {
+      handle: 'setValue',
+      displayName: 'Set value',
+      params: [{ handle: 'value', displayName: 'Value', defaultValue: 'New text' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
@@ -63,6 +94,7 @@ export const richtextareaConfig = {
     properties: {
       placeholder: { value: 'Placeholder text' },
       defaultValue: { value: '' },
+      loadingState: { value: `{{false}}` },
     },
     events: [],
     styles: {
diff --git a/frontend/src/AppBuilder/WidgetManager/widgets/table.js b/frontend/src/AppBuilder/WidgetManager/widgets/table.js
index 9be59e9dc3..8a89701494 100644
--- a/frontend/src/AppBuilder/WidgetManager/widgets/table.js
+++ b/frontend/src/AppBuilder/WidgetManager/widgets/table.js
@@ -289,6 +289,7 @@ export const tableConfig = {
     onCellValueChanged: { displayName: 'Cell value changed' },
     onFilterChanged: { displayName: 'Filter changed' },
     onNewRowsAdded: { displayName: 'Add new rows' },
+    onTableDataDownload: { displayName: 'Download data' },
   },
   styles: {
     textColor: {
@@ -310,6 +311,16 @@ export const tableConfig = {
         { displayName: 'Wrap', value: 'wrap' },
       ],
     },
+    headerCasing: {
+      type: 'switch',
+      displayName: 'Header casing',
+      validation: { schema: { type: 'string' } },
+      accordian: 'Data',
+      options: [
+        { displayName: 'AA', value: 'uppercase' },
+        { displayName: 'As typed', value: 'none' },
+      ],
+    },
     tableType: {
       type: 'select',
       displayName: 'Row style',
@@ -529,6 +540,7 @@ export const tableConfig = {
         value: [
           {
             name: 'id',
+            key: 'id',
             id: 'e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737',
             autogenerated: true,
             fxActiveFields: [],
@@ -548,6 +560,7 @@ export const tableConfig = {
           },
           {
             name: 'name',
+            key: 'name',
             id: '5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a',
             autogenerated: true,
             fxActiveFields: [],
@@ -556,6 +569,7 @@ export const tableConfig = {
           },
           {
             name: 'email',
+            key: 'email',
             id: 'afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f',
             autogenerated: true,
             fxActiveFields: [],
@@ -564,6 +578,7 @@ export const tableConfig = {
           },
           {
             name: 'date',
+            key: 'date',
             id: '27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc',
             autogenerated: true,
             fxActiveFields: [],
@@ -576,6 +591,7 @@ export const tableConfig = {
           },
           {
             name: 'mobile_number',
+            key: 'mobile_number',
             id: '9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56',
             autogenerated: true,
             fxActiveFields: [],
@@ -652,6 +668,7 @@ export const tableConfig = {
     styles: {
       textColor: { value: '#000' },
       columnHeaderWrap: { value: 'fixed' },
+      headerCasing: { value: 'uppercase' },
       actionButtonRadius: { value: '0' },
       cellSize: { value: 'regular' },
       borderRadius: { value: '8' },
diff --git a/frontend/src/AppBuilder/Widgets/Container.jsx b/frontend/src/AppBuilder/Widgets/Container.jsx
index b54b94c9a3..2022a0a7ad 100644
--- a/frontend/src/AppBuilder/Widgets/Container.jsx
+++ b/frontend/src/AppBuilder/Widgets/Container.jsx
@@ -1,37 +1,99 @@
 import React, { useMemo } from 'react';
 import { Container as ContainerComponent } from '@/AppBuilder/AppCanvas/Container';
 import Spinner from '@/_ui/Spinner';
+import { useExposeState } from '@/AppBuilder/_hooks/useExposeVariables';
 
-export const Container = ({ id, properties, styles, darkMode, height, width }) => {
-  const { visibility, disabledState, borderRadius, borderColor, boxShadow } = styles;
-  const bgColor = useMemo(() => {
+export const Container = ({
+  id,
+  properties,
+  styles,
+  darkMode,
+  height,
+  width,
+  setExposedVariables,
+  setExposedVariable,
+}) => {
+  const { isDisabled, isVisible, isLoading } = useExposeState(
+    properties.loadingState,
+    properties.visibility,
+    properties.disabledState,
+    setExposedVariables,
+    setExposedVariable
+  );
+
+  const { borderRadius, borderColor, boxShadow, headerHeight = 80 } = styles;
+  const contentBgColor = useMemo(() => {
     return {
       backgroundColor:
         ['#fff', '#ffffffff'].includes(styles.backgroundColor) && darkMode ? '#232E3C' : styles.backgroundColor,
     };
   }, [styles.backgroundColor, darkMode]);
 
+  const headerBgColor = useMemo(() => {
+    return {
+      backgroundColor:
+        ['#fff', '#ffffffff'].includes(styles.headerBackgroundColor) && darkMode
+          ? '#232E3C'
+          : styles.headerBackgroundColor,
+    };
+  }, [styles.headerBackgroundColor, darkMode]);
+
   const computedStyles = {
-    backgroundColor: bgColor.backgroundColor,
+    backgroundColor: contentBgColor.backgroundColor,
     borderRadius: borderRadius ? parseFloat(borderRadius) : 0,
     border: `1px solid ${borderColor}`,
     height,
-    display: visibility ? 'flex' : 'none',
+    display: isVisible ? 'flex' : 'none',
     overflow: 'hidden auto',
     position: 'relative',
     boxShadow,
   };
+
+  const computedHeaderStyles = {
+    ...headerBgColor,
+    height: `${headerHeight}px`,
+    flexShrink: 0,
+    flexGrow: 0,
+    borderBottom: `1px solid var(--border-weak)`,
+  };
+
+  const computedContentStyles = {
+    ...contentBgColor,
+    flex: 1,
+    overflow: 'auto',
+  };
+
   return (
     <div
-      className={`jet-container ${properties.loadingState && 'jet-container-loading'}`}
+      className={`jet-container tw-flex tw-flex-col ${isLoading ? 'jet-container-loading' : ''} ${
+        properties.showHeader && 'jet-container--with-header'
+      }`}
       id={id}
-      data-disabled={disabledState}
+      data-disabled={isDisabled}
       style={computedStyles}
     >
-      {properties.loadingState ? (
+      {isLoading ? (
         <Spinner />
       ) : (
-        <ContainerComponent id={id} styles={bgColor} canvasHeight={height} canvasWidth={width} darkMode={darkMode} />
+        <>
+          {properties.showHeader && (
+            <ContainerComponent
+              id={`${id}-header`}
+              styles={computedHeaderStyles}
+              canvasHeight={headerHeight / 10}
+              canvasWidth={width}
+              allowContainerSelect={true}
+              darkMode={darkMode}
+            />
+          )}
+          <ContainerComponent
+            id={id}
+            styles={computedContentStyles}
+            canvasHeight={height}
+            canvasWidth={width}
+            darkMode={darkMode}
+          />
+        </>
       )}
     </div>
   );
diff --git a/frontend/src/AppBuilder/Widgets/Modal.jsx b/frontend/src/AppBuilder/Widgets/Modal.jsx
index a88aff630f..3988e26a50 100644
--- a/frontend/src/AppBuilder/Widgets/Modal.jsx
+++ b/frontend/src/AppBuilder/Widgets/Modal.jsx
@@ -290,8 +290,19 @@ const Component = ({ children, ...restProps }) => {
   } = restProps['modalProps'];
 
   const setSelectedComponentAsModal = useStore((state) => state.setSelectedComponentAsModal, shallow);
+
+  // When the modal body is clicked capture it and use the callback to set the selected component as modal
+  const handleModalBodyClick = (event) => {
+    const clickedComponentId = event.target.getAttribute('component-id');
+
+    // Check if the clicked element is part of the modal canvas & same widget with id
+    if (id === clickedComponentId) {
+      setSelectedComponentAsModal(id);
+    }
+  };
+
   return (
-    <BootstrapModal {...restProps}>
+    <BootstrapModal {...restProps} onClick={handleModalBodyClick}>
       {showConfigHandler && (
         <ConfigHandle
           id={id}
diff --git a/frontend/src/AppBuilder/Widgets/Table/Components/Footer.jsx b/frontend/src/AppBuilder/Widgets/Table/Components/Footer.jsx
index 3d983d59fc..45a3fd19b2 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Components/Footer.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Components/Footer.jsx
@@ -58,6 +58,7 @@ export const Footer = React.memo(
     showAddNewRowPopup,
     downlaodPopover,
     getToggleHideAllColumnsProps,
+    isDownloadTableDataEventAssociated,
   }) => {
     function hideColumnsPopover() {
       return (
@@ -223,32 +224,57 @@ export const Footer = React.memo(
                 )}
                 {!loadingState && showDownloadButton && (
                   <div>
-                    <Tooltip id="tooltip-for-download" className="tooltip" />
-                    <OverlayTriggerComponent
-                      trigger="click"
-                      overlay={downlaodPopover()}
-                      rootClose={true}
-                      placement={'top-end'}
-                    >
-                      <ButtonSolid
-                        variant="ghostBlack"
-                        className={`tj-text-xsm `}
-                        customStyles={{
-                          minWidth: '32px',
-                        }}
-                        leftIcon="filedownload"
-                        fill={`var(--icons-default)`}
-                        iconWidth="16"
-                        size="md"
-                        data-tooltip-id="tooltip-for-download"
-                        data-tooltip-content="Download"
-                        onClick={(e) => {
-                          if (document.activeElement === e.currentTarget) {
-                            e.currentTarget.blur();
-                          }
-                        }}
-                      ></ButtonSolid>
-                    </OverlayTriggerComponent>
+                    {
+                      // if server side pagination is enabled and download event is associated with the table, then directly fire download event without displaying popover
+                      isDownloadTableDataEventAssociated && !clientSidePagination ? (
+                        <>
+                          <Tooltip id="tooltip-for-download-serverside-pagingation" className="tooltip" />
+                          <ButtonSolid
+                            variant="ghostBlack"
+                            className={`tj-text-xsm `}
+                            customStyles={{
+                              minWidth: '32px',
+                            }}
+                            leftIcon="filedownload"
+                            fill={`var(--icons-default)`}
+                            iconWidth="16"
+                            size="md"
+                            data-tooltip-id="tooltip-for-download-serverside-pagingation"
+                            data-tooltip-content="Download"
+                            onClick={() => fireEvent('onTableDataDownload')}
+                          ></ButtonSolid>
+                        </>
+                      ) : (
+                        <>
+                          <Tooltip id="tooltip-for-download" className="tooltip" />
+                          <OverlayTriggerComponent
+                            trigger="click"
+                            overlay={downlaodPopover()}
+                            rootClose={true}
+                            placement={'top-end'}
+                          >
+                            <ButtonSolid
+                              variant="ghostBlack"
+                              className={`tj-text-xsm `}
+                              customStyles={{
+                                minWidth: '32px',
+                              }}
+                              leftIcon="filedownload"
+                              fill={`var(--icons-default)`}
+                              iconWidth="16"
+                              size="md"
+                              data-tooltip-id="tooltip-for-download"
+                              data-tooltip-content="Download"
+                              onClick={(e) => {
+                                if (document.activeElement === e.currentTarget) {
+                                  e.currentTarget.blur();
+                                }
+                              }}
+                            ></ButtonSolid>
+                          </OverlayTriggerComponent>
+                        </>
+                      )
+                    }
                   </div>
                 )}
                 {!loadingState && !hideColumnSelectorButton && (
diff --git a/frontend/src/AppBuilder/Widgets/Table/Components/TableHeader.jsx b/frontend/src/AppBuilder/Widgets/Table/Components/TableHeader.jsx
index 3df604e06d..3c8ba0258c 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Components/TableHeader.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Components/TableHeader.jsx
@@ -17,6 +17,7 @@ export const TableHeader = ({
   columnHeaderWrap,
   setResizingColumnId,
   resizingColumnId,
+  headerCasing,
 }) => {
   const calculateWidthOfActionColumnHeader = (position) => {
     let totalWidth = null;
@@ -193,6 +194,7 @@ export const TableHeader = ({
                                       'text-truncate': getResolvedValue(columnHeaderWrap) === 'fixed',
                                       'wrap-wrapper': getResolvedValue(columnHeaderWrap) === 'wrap',
                                     })}
+                                    style={{ textTransform: headerCasing === 'uppercase' ? 'uppercase' : 'none' }}
                                   >
                                     {column.render('Header')}
                                   </div>
diff --git a/frontend/src/AppBuilder/Widgets/Table/Table.jsx b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
index 986edca4f5..17714791cf 100644
--- a/frontend/src/AppBuilder/Widgets/Table/Table.jsx
+++ b/frontend/src/AppBuilder/Widgets/Table/Table.jsx
@@ -135,6 +135,7 @@ export const Table = React.memo(
       borderColor,
       isMaxRowHeightAuto,
       columnHeaderWrap,
+      headerCasing,
     } = loadPropertiesAndStyles(properties, styles, darkMode);
     const updatedDataReference = useRef([]);
     const preSelectRow = useRef(false);
@@ -153,6 +154,7 @@ export const Table = React.memo(
     const [tableDetails, dispatch] = useReducer(reducer, initialState());
     const [hoverAdded, setHoverAdded] = useState(false);
     const [generatedColumn, setGeneratedColumn] = useState([]);
+    const [isDownloadTableDataEventAssociated, setIsDownloadTableDataEventAssociated] = useState(false);
 
     const mergeToTableDetails = useCallback((payload) => dispatch(reducerActions.mergeToTableDetails(payload)), []);
     const mergeToFilterDetails = (payload) => dispatch(reducerActions.mergeToFilterDetails(payload));
@@ -174,6 +176,9 @@ export const Table = React.memo(
     useEffect(() => mergeToTableDetails({ columnProperties: properties?.columns }), [properties?.columns]);
 
     useEffect(() => {
+      const isDownloadTableDataEventAssociated = tableEvents.some((event) => event?.name === 'onTableDataDownload');
+      if (isDownloadTableDataEventAssociated) setIsDownloadTableDataEventAssociated(true);
+      else setIsDownloadTableDataEventAssociated(false);
       const hoverEvent = tableEvents?.find(({ event }) => {
         return event?.eventId == 'onRowHovered';
       });
@@ -1096,6 +1101,7 @@ export const Table = React.memo(
               columnHeaderWrap={columnHeaderWrap}
               setResizingColumnId={setResizingColumnId}
               resizingColumnId={resizingColumnId}
+              headerCasing={headerCasing}
             />
             {page.length > 0 && !loadingState && (
               <tbody
@@ -1165,6 +1171,7 @@ export const Table = React.memo(
           {loadingState ? <LoadingState /> : page.length === 0 ? <EmptyState /> : null}
         </div>
         <Footer
+          isDownloadTableDataEventAssociated={isDownloadTableDataEventAssociated}
           enablePagination={enablePagination}
           tableDetails={tableDetails}
           loadingState={loadingState}
diff --git a/frontend/src/AppBuilder/Widgets/Table/load-properties-and-styles.js b/frontend/src/AppBuilder/Widgets/Table/load-properties-and-styles.js
index 7d586f837b..8be5b9319c 100644
--- a/frontend/src/AppBuilder/Widgets/Table/load-properties-and-styles.js
+++ b/frontend/src/AppBuilder/Widgets/Table/load-properties-and-styles.js
@@ -83,6 +83,7 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode) {
   const contentWrapProperty = styles?.contentWrap ?? true;
   const borderColor = styles?.borderColor ?? 'var(--borders-weak-disabled)';
   const columnHeaderWrap = styles?.columnHeaderWrap ?? 'fixed';
+  const headerCasing = styles?.headerCasing ?? 'uppercase';
 
   return {
     color,
@@ -122,5 +123,6 @@ export default function loadPropertiesAndStyles(properties, styles, darkMode) {
     boxShadow,
     borderColor,
     columnHeaderWrap,
+    headerCasing,
   };
 }
diff --git a/frontend/src/AppBuilder/_helpers/editorHelpers.js b/frontend/src/AppBuilder/_helpers/editorHelpers.js
index 1f6ca62edc..0f295dd9fc 100644
--- a/frontend/src/AppBuilder/_helpers/editorHelpers.js
+++ b/frontend/src/AppBuilder/_helpers/editorHelpers.js
@@ -21,8 +21,8 @@ import { Map as MapComponent } from '@/Editor/Components/Map/Map';
 import { QrScanner } from '@/Editor/Components/QrScanner/QrScanner';
 import { ToggleSwitch } from '@/Editor/Components/Toggle';
 import { ToggleSwitchV2 } from '@/Editor/Components/ToggleV2';
-
 import { RadioButton } from '@/Editor/Components/RadioButton';
+import { RadioButtonV2 } from '@/Editor/Components/RadioButtonV2/RadioButtonV2';
 import { StarRating } from '@/Editor/Components/StarRating';
 import { Divider } from '@/Editor/Components/Divider';
 import { FilePicker } from '@/Editor/Components/FilePicker';
@@ -106,6 +106,7 @@ export const AllComponents = {
   QrScanner,
   ToggleSwitch,
   RadioButton,
+  RadioButtonV2,
   StarRating,
   Divider,
   FilePicker,
diff --git a/frontend/src/AppBuilder/_hooks/useExposeVariables.js b/frontend/src/AppBuilder/_hooks/useExposeVariables.js
new file mode 100644
index 0000000000..3c929f829b
--- /dev/null
+++ b/frontend/src/AppBuilder/_hooks/useExposeVariables.js
@@ -0,0 +1,51 @@
+import { useEffect, useState } from 'react';
+
+export const useExposeState = (loadingState, visibleState, disabledState, setExposedVariables, setExposedVariable) => {
+  const [isDisabled, setDisable] = useState(disabledState || false);
+  const [isVisible, setVisibility] = useState(visibleState || true);
+  const [isLoading, setLoading] = useState(loadingState || false);
+
+  // Effect to conditionally update state from properties passed to widget
+  useEffect(() => {
+    setDisable(disabledState);
+  }, [disabledState]);
+
+  useEffect(() => {
+    setVisibility(visibleState);
+  }, [visibleState]);
+
+  useEffect(() => {
+    setLoading(loadingState);
+  }, [loadingState]);
+
+  // exposed variables with state and async setters, happens on first time load
+  useEffect(() => {
+    setExposedVariables({
+      setDisable: async (value) => setDisable(value),
+      setVisibility: async (value) => setVisibility(value),
+      setLoading: async (value) => setLoading(value),
+    });
+  }, [setExposedVariables]);
+
+  //Side effect to state variables, these will run after the state is set and the values will be exposed
+  useEffect(() => {
+    setExposedVariable('isDisabled', isDisabled);
+  }, [isDisabled, setExposedVariable]);
+
+  useEffect(() => {
+    setExposedVariable('isVisible', isVisible);
+  }, [isVisible, setExposedVariable]);
+
+  useEffect(() => {
+    setExposedVariable('isLoading', isLoading);
+  }, [isLoading, setExposedVariable]);
+
+  return {
+    isDisabled,
+    setDisable,
+    isVisible,
+    setVisibility,
+    isLoading,
+    setLoading,
+  };
+};
diff --git a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
index 7fb9650075..44344000a1 100644
--- a/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/componentsSlice.js
@@ -1822,7 +1822,11 @@ export const createComponentsSlice = (set, get) => ({
     const label = componentDefinition?.component?.definition?.properties?.label;
     const getAllExposedValues = get().getAllExposedValues;
     // Early return for non input components
-    if (!['TextInput', 'PasswordInput', 'NumberInput', 'DropdownV2', 'MultiselectV2'].includes(componentType)) {
+    if (
+      !['TextInput', 'PasswordInput', 'NumberInput', 'DropdownV2', 'MultiselectV2', 'RadioButtonV2'].includes(
+        componentType
+      )
+    ) {
       return layoutData?.height;
     }
     const { alignment = { value: null }, width = { value: null }, auto = { value: null } } = stylesDefinition ?? {};
diff --git a/frontend/src/AppBuilder/_stores/slices/debuggerSlice.js b/frontend/src/AppBuilder/_stores/slices/debuggerSlice.js
index ac5b36c802..f4bab3d4ee 100644
--- a/frontend/src/AppBuilder/_stores/slices/debuggerSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/debuggerSlice.js
@@ -149,6 +149,7 @@ export const createDebuggerSlice = (set, get) => ({
           componentId: id,
         },
         logLevel: 'error',
+        errorTarget: 'Component Property',
         timestamp: moment().toISOString(),
       }));
 
@@ -191,6 +192,7 @@ export const createDebuggerSlice = (set, get) => ({
             effectiveProperty: { [property]: defaultValue },
             componentId,
           },
+          errorTarget: 'Component Property',
           logLevel: 'error',
           timestamp: moment().toISOString(),
         });
diff --git a/frontend/src/AppBuilder/_stores/slices/eventsSlice.js b/frontend/src/AppBuilder/_stores/slices/eventsSlice.js
index 6817e6aa39..3eb143b5d7 100644
--- a/frontend/src/AppBuilder/_stores/slices/eventsSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/eventsSlice.js
@@ -15,6 +15,7 @@ import generateFile from '@/_lib/generate-file';
 import urlJoin from 'url-join';
 import { useCallback } from 'react';
 import { navigate } from '@/AppBuilder/_utils/misc';
+import moment from 'moment';
 
 // To unsubscribe from the changes when no longer needed
 // unsubscribe();
@@ -211,32 +212,46 @@ export const createEventsSlice = (set, get) => ({
         state.eventsSlice.module[moduleId].events = newEvents;
       });
     },
-    setTablePageIndex: (tableId, index = 1) => {
-      const { getExposedValueOfComponent } = get();
-      if (_.isEmpty(tableId)) {
-        console.log('No table is associated with this event.');
+    setTablePageIndex: (tableId, index, eventObj) => {
+      try {
+        const { getExposedValueOfComponent } = get();
+        if (typeof index !== 'number' && index !== undefined) {
+          throw new Error('Invalid page index.');
+        }
+        const exposedValue = getExposedValueOfComponent(tableId);
+        if (!exposedValue) {
+          throw new Error('No table is associated with this event.');
+        }
+        exposedValue.setPage(index);
         return Promise.resolve();
+      } catch (error) {
+        get().eventsSlice.logError('set_table_page_index', 'set-table-page-index', error, eventObj, {
+          eventId: eventObj.eventType,
+        });
       }
-      const exposedValue = getExposedValueOfComponent(tableId);
-      if (!exposedValue) {
-        console.log('No table is associated with this event.');
-        return Promise.resolve();
-      }
-      exposedValue.setPage(index);
-      return Promise.resolve();
     },
-    showModal: (modal, show) => {
-      const { getExposedValueOfComponent } = get();
-      const modalId = modal?.id ?? modal;
-      console.log('modalId', modalId);
-      if (_.isEmpty(modalId)) {
-        console.log('No modal is associated with this event.');
-        return Promise.resolve();
-      }
-      const exposedValue = getExposedValueOfComponent(modalId);
-      show ? exposedValue.open() : exposedValue.close();
+    showModal: (modal, show, eventObj) => {
+      try {
+        const { getExposedValueOfComponent } = get();
+        const modalId = modal?.id ?? modal;
+        if (_.isEmpty(modalId)) {
+          throw new Error('No modal is associated with this event.');
+        }
+        const exposedValue = getExposedValueOfComponent(modalId);
+        show ? exposedValue.open() : exposedValue.close();
 
-      return Promise.resolve();
+        return Promise.resolve();
+      } catch (error) {
+        get().eventsSlice.logError(
+          show ? 'show_modal' : 'close_modal',
+          show ? 'show-modal' : 'close_modal',
+          error,
+          eventObj,
+          {
+            eventId: eventObj.eventType,
+          }
+        );
+      }
     },
     handleEvent: (eventName, events, options, moduleId = 'canvas') => {
       const latestEvents = get().eventsSlice.getModuleEvents(moduleId);
@@ -361,6 +376,7 @@ export const createEventsSlice = (set, get) => ({
           'onSubmit',
           'onInvalid',
           'onNewRowsAdded',
+          'onTableDataDownload',
         ].includes(eventName)
       ) {
         executeActionsForEventId(eventName, events, mode, customVariables);
@@ -381,13 +397,84 @@ export const createEventsSlice = (set, get) => ({
         ?.sort((a, b) => a.index - b.index);
 
       for (const event of filteredEvents) {
-        await get().eventsSlice.executeAction(event.event, mode, customVariables);
+        await get().eventsSlice.executeAction(event, mode, customVariables);
       }
     },
-    executeAction: debounce(async (event, mode, customVariables = {}) => {
+    logError(errorType, errorKind, error, eventObj = '', options = {}, logLevel) {
+      const { event = eventObj } = eventObj;
+      const pages = get().modules.canvas.pages;
+      const currentPageId = get().currentPageId;
+      const currentPage = pages.find((page) => page.id === currentPageId);
+      const componentIdMapping = get().modules['canvas'].componentNameIdMapping;
+      const componentName = Object.keys(componentIdMapping).find(
+        (key) => componentIdMapping[key] === eventObj?.sourceId
+      );
+      const componentId = eventObj?.sourceId;
+
+      const getSource = () => {
+        if (eventObj.eventType) {
+          return eventObj.eventType === 'data_query' ? 'query' : eventObj.eventType;
+        }
+
+        const sourceMap = {
+          onDataQueryFailure: 'query',
+          onDataQuerySuccess: 'query',
+          onPageLoad: 'page',
+        };
+
+        return sourceMap[event.eventId] || 'component';
+      };
+
+      const getQueryName = () => {
+        const queries = get().dataQuery.queries.modules.canvas;
+        return queries.find((query) => query.id === eventObj?.sourceId || '')?.name || '';
+      };
+
+      const constructErrorHeader = () => {
+        const source = getSource();
+        const pageName = currentPage.name;
+
+        const headerMap = {
+          component: `[Page ${pageName}] [Component ${componentName}] [Event ${event?.eventId}] [Action ${event.actionId}]`,
+          page: `[Page ${pageName}] [Event ${event.eventId}] [Action ${event.actionId}]`,
+          query: `[Query ${getQueryName()}] [Event ${event.eventId}] [Action ${event.actionId}]`,
+        };
+
+        return headerMap[source] || '';
+      };
+
+      const constructErrorTarget = () => {
+        const source = getSource();
+
+        const errorTargetMap = {
+          page: 'Event Errors with page',
+          component: 'Component Event',
+          query: 'Event Errors with query',
+        };
+
+        return errorTargetMap[source];
+      };
+      useStore.getState().debugger.log({
+        logLevel: logLevel ? logLevel : 'error',
+        type: errorType ? errorType : 'event',
+        kind: errorKind,
+        key: constructErrorHeader(),
+        error: {
+          message: error.message,
+          description: JSON.stringify(error.message, null, 2),
+          ...(event.component && componentId && { componentId: componentId }),
+        },
+        errorTarget: constructErrorTarget(),
+        options: options,
+        strace: 'app_level',
+        timestamp: moment().toISOString(),
+      });
+    },
+    executeAction: debounce(async (eventObj, mode, customVariables = {}) => {
+      const { event = eventObj } = eventObj;
       const { getExposedValueOfComponent, getResolvedValue } = get();
 
-      if (event.runOnlyIf) {
+      if (event?.runOnlyIf) {
         const shouldRun = getResolvedValue(event.runOnlyIf, customVariables);
         if (!shouldRun) {
           return false;
@@ -418,23 +505,37 @@ export const createEventsSlice = (set, get) => ({
             return Promise.resolve();
           }
           case 'run-query': {
-            const { queryId, queryName } = event;
-            const params = event['parameters'];
-            const resolvedParams = {};
-            if (params) {
-              Object.keys(params).map((param) => (resolvedParams[param] = getResolvedValue(params[param], undefined)));
+            try {
+              const { queryId, queryName, component, eventId } = event;
+              const params = event['parameters'];
+              if (!queryId && !queryName) {
+                throw new Error('No query selected');
+              }
+              const resolvedParams = {};
+              if (params) {
+                Object.keys(params).map(
+                  (param) => (resolvedParams[param] = getResolvedValue(params[param], undefined))
+                );
+              }
+              // !Todo tackle confirm query part once done
+              return get().queryPanel.runQuery(
+                queryId,
+                queryName,
+                undefined,
+                undefined,
+                resolvedParams,
+                component,
+                eventId,
+                false,
+                false,
+                'canvas'
+              );
+            } catch (error) {
+              get().eventsSlice.logError('run_query', 'run-query', error, eventObj, {
+                eventId: event.eventId,
+              });
+              return Promise.reject(error);
             }
-            // !Todo tackle confirm query part once done
-            return get().queryPanel.runQuery(
-              queryId,
-              queryName,
-              undefined,
-              undefined,
-              resolvedParams,
-              false,
-              false,
-              'canvas'
-            );
           }
           case 'logout': {
             return logoutAction();
@@ -447,39 +548,47 @@ export const createEventsSlice = (set, get) => ({
             return Promise.resolve();
           }
           case 'go-to-app': {
-            const resolvedValue = getResolvedValue(event.slug, customVariables);
-            const slug = resolvedValue;
-            const queryParams = event.queryParams?.reduce(
-              (result, queryParam) => ({
-                ...result,
-                ...{
-                  [getResolvedValue(queryParam[0])]: getResolvedValue(queryParam[1], undefined, customVariables),
-                },
-              }),
-              {}
-            );
-            let url = `/applications/${slug}`;
-
-            if (queryParams) {
-              const queryPart = serializeNestedObjectToQueryParams(queryParams);
-
-              if (queryPart.length > 0) url = url + `?${queryPart}`;
-            }
-            if (mode === 'view') {
-              navigate(url);
-            } else {
-              if (confirm('The app will be opened in a new tab as the action is triggered from the editor.')) {
-                window.open(urlJoin(window.public_config?.TOOLJET_HOST, url));
+            try {
+              if (!event.slug) {
+                throw new Error('No application slug provided');
               }
+              const resolvedValue = getResolvedValue(event.slug, customVariables);
+              const slug = resolvedValue;
+              const queryParams = event.queryParams?.reduce(
+                (result, queryParam) => ({
+                  ...result,
+                  ...{
+                    [getResolvedValue(queryParam[0])]: getResolvedValue(queryParam[1], undefined, customVariables),
+                  },
+                }),
+                {}
+              );
+              let url = `/applications/${slug}`;
+
+              if (queryParams) {
+                const queryPart = serializeNestedObjectToQueryParams(queryParams);
+
+                if (queryPart.length > 0) url = url + `?${queryPart}`;
+              }
+              if (mode === 'view') {
+                navigate(url);
+              } else {
+                if (confirm('The app will be opened in a new tab as the action is triggered from the editor.')) {
+                  window.open(urlJoin(window.public_config?.TOOLJET_HOST, url));
+                }
+              }
+              return Promise.resolve();
+            } catch (error) {
+              get().eventsSlice.logError('go_to_app', 'go-to-app', error, eventObj, { eventId: event.eventId });
+              return Promise.reject();
             }
-            return Promise.resolve();
           }
 
           case 'show-modal':
-            return get().eventsSlice.showModal(event.modal, true);
+            return get().eventsSlice.showModal(event.modal, true, eventObj);
 
           case 'close-modal':
-            return get().eventsSlice.showModal(event.modal, false);
+            return get().eventsSlice.showModal(event.modal, false, eventObj);
           case 'copy-to-clipboard': {
             const contentToCopy = getResolvedValue(event.contentToCopy, customVariables);
             copyToClipboard(contentToCopy);
@@ -508,7 +617,7 @@ export const createEventsSlice = (set, get) => ({
           }
 
           case 'set-table-page': {
-            get().eventsSlice.setTablePageIndex(event.table, getResolvedValue(event.pageIndex));
+            get().eventsSlice.setTablePageIndex(event.table, getResolvedValue(event.pageIndex), eventObj);
             break;
           }
 
@@ -631,85 +740,110 @@ export const createEventsSlice = (set, get) => ({
             // return;
           }
           case 'control-component': {
-            // let component = Object.values(getCurrentState()?.components ?? {}).filter(
-            //   (component) => component.id === event.componentId
-            // )[0];
-            const component = getExposedValueOfComponent(event.componentId);
-            const action = component?.[event.componentSpecificActionHandle];
-            // let action = '';
-            // let actionArguments = '';
-            // check if component id not found then try to find if its available as child widget else continue
-            //  with normal flow finding action
-            // if (component == undefined) {
-            //   component = _ref.appDefinition.pages[getCurrentState()?.page?.id].components[event.componentId].component;
-            //   const parent = Object.values(getCurrentState()?.components ?? {}).find(
-            //     (item) => item.id === component.parent
-            //   );
-            //   const child = Object.values(parent?.children).find((item) => item.id === event.componentId);
-            //   if (child) {
-            //     action = child[event.componentSpecificActionHandle];
-            //   }
-            // } else {
-            //   //normal component outside a container ex : form
-            //   action = component?.[event.componentSpecificActionHandle];
-            // }
-            // actionArguments = _.map(event.componentSpecificActionParams, (param) => ({
-            //   ...param,
-            //   value: resolveReferences(param.value, undefined, customVariables),
-            // }));
-            // console.log('actionArguments', event.componentSpecificActionParams);
-            const actionArguments = event.componentSpecificActionParams.map((param) => {
-              const value = getResolvedValue(param.value, customVariables);
-              return {
-                ...param,
-                value: value,
-                // value: resolveCode(re.valueWithBrackets, getAllExposedValues()),
-              };
-            });
-            // const actionArguments = _.map(event.componentSpecificActionParams, (param) => ({
-            //   ...param,
-            //   value: resolveReferences(param.value, getAllExposedValues(), customVariables),
-            // }));
+            try {
+              // let component = Object.values(getCurrentState()?.components ?? {}).filter(
+              //   (component) => component.id === event.componentId
+              // )[0];
+              const { event } = eventObj;
+              if (!event.componentSpecificActionHandle) {
+                throw new Error('No component-specific action handle provided.');
+              }
+              const component = getExposedValueOfComponent(event.componentId);
+              if (!event.componentId || !Object.keys(component).length) {
+                throw new Error('No component ID provided for control-component action.');
+              }
+              const action = component?.[event.componentSpecificActionHandle];
+              // let action = '';
+              // let actionArguments = '';
+              // check if component id not found then try to find if its available as child widget else continue
+              //  with normal flow finding action
+              // if (component == undefined) {
+              //   component = _ref.appDefinition.pages[getCurrentState()?.page?.id].components[event.componentId].component;
+              //   const parent = Object.values(getCurrentState()?.components ?? {}).find(
+              //     (item) => item.id === component.parent
+              //   );
+              //   const child = Object.values(parent?.children).find((item) => item.id === event.componentId);
+              //   if (child) {
+              //     action = child[event.componentSpecificActionHandle];
+              //   }
+              // } else {
+              //   //normal component outside a container ex : form
+              //   action = component?.[event.componentSpecificActionHandle];
+              // }
+              // actionArguments = _.map(event.componentSpecificActionParams, (param) => ({
+              //   ...param,
+              //   value: resolveReferences(param.value, undefined, customVariables),
+              // }));
+              // console.log('actionArguments', event.componentSpecificActionParams);
+              const actionArguments = event.componentSpecificActionParams.map((param) => {
+                const value = getResolvedValue(param.value, customVariables);
+                return {
+                  ...param,
+                  value: value,
+                  // value: resolveCode(re.valueWithBrackets, getAllExposedValues()),
+                };
+              });
+              // const actionArguments = _.map(event.componentSpecificActionParams, (param) => ({
+              //   ...param,
+              //   value: resolveReferences(param.value, getAllExposedValues(), customVariables),
+              // }));
 
-            const actionPromise = action && action(...actionArguments.map((argument) => argument.value));
-            return actionPromise ?? Promise.resolve();
+              const actionPromise = action && action(...actionArguments.map((argument) => argument.value));
+              return actionPromise ?? Promise.resolve();
+            } catch (error) {
+              get().eventsSlice.logError('control_component', 'control-component', error, eventObj, {
+                eventId: event.eventId,
+              });
+
+              return Promise.reject(error);
+            }
           }
           case 'switch-page': {
-            const { switchPage } = get();
-            const page = get().modules.canvas.pages.find((page) => page.id === event.pageId);
-            const queryParams = event.queryParams || [];
-            if (!page.disabled) {
-              const resolvedQueryParams = [];
-              queryParams.forEach((param) => {
-                resolvedQueryParams.push([
-                  getResolvedValue(param[0], customVariables),
-                  getResolvedValue(param[1], customVariables),
-                ]);
-              });
-              const currentUrlParams = new URLSearchParams(window.location.search);
-              currentUrlParams.forEach((value, key) => {
-                if (key === 'version' || key === 'env') {
-                  // if version or env is in current url query param but not in resolved params then add it to resolvedQueryParams
-                  const exists = resolvedQueryParams.some(([resolvedKey]) => resolvedKey === key);
-                  if (!exists) {
-                    resolvedQueryParams.unshift([key, value]);
+            try {
+              const { pageId } = event;
+              if (!pageId) {
+                throw new Error('No page ID provided');
+              }
+              const { switchPage } = get();
+              const page = get().modules.canvas.pages.find((page) => page.id === event.pageId);
+              const queryParams = event.queryParams || [];
+              if (!page.disabled) {
+                const resolvedQueryParams = [];
+                queryParams.forEach((param) => {
+                  resolvedQueryParams.push([
+                    getResolvedValue(param[0], customVariables),
+                    getResolvedValue(param[1], customVariables),
+                  ]);
+                });
+                const currentUrlParams = new URLSearchParams(window.location.search);
+                currentUrlParams.forEach((value, key) => {
+                  if (key === 'version' || key === 'env') {
+                    // if version or env is in current url query param but not in resolved params then add it to resolvedQueryParams
+                    const exists = resolvedQueryParams.some(([resolvedKey]) => resolvedKey === key);
+                    if (!exists) {
+                      resolvedQueryParams.unshift([key, value]);
+                    }
                   }
-                }
-              });
-              switchPage(page.id, page.handle, resolvedQueryParams);
-            } else {
-              toast.error('Page is disabled');
-              //!TODO push to debugger
-              get().debugger.log({
-                logLevel: 'error',
-                type: 'navToDisablePage',
-                kind: 'page',
-                message: `Attempt to switch to disabled page ${page.name} blocked.`,
-                error: 'Page is disabled',
+                });
+                switchPage(page.id, page.handle, resolvedQueryParams);
+              } else {
+                toast.error('Page is disabled');
+                //!TODO push to debugger
+                get().debugger.log({
+                  logLevel: 'error',
+                  type: 'navToDisablePage',
+                  kind: 'page',
+                  message: `Attempt to switch to disabled page ${page.name} blocked.`,
+                  error: 'Page is disabled',
+                });
+              }
+
+              return Promise.resolve();
+            } catch (error) {
+              get().eventsSlice.logError('switch_page', 'switch-page', error, eventObj, {
+                eventId: event.eventId,
               });
             }
-
-            return Promise.resolve();
           }
         }
       }
diff --git a/frontend/src/AppBuilder/_stores/slices/queryPanelSlice.js b/frontend/src/AppBuilder/_stores/slices/queryPanelSlice.js
index c989df9051..cfc413aec5 100644
--- a/frontend/src/AppBuilder/_stores/slices/queryPanelSlice.js
+++ b/frontend/src/AppBuilder/_stores/slices/queryPanelSlice.js
@@ -201,6 +201,8 @@ export const createQueryPanelSlice = (set, get) => ({
       confirmed = undefined,
       mode = 'edit',
       userSuppliedParameters = {},
+      component,
+      eventId,
       shouldSetPreviewData = false,
       isOnLoad = false,
       moduleId = 'canvas'
@@ -247,8 +249,7 @@ export const createQueryPanelSlice = (set, get) => ({
       if (query) {
         dataQuery = JSON.parse(JSON.stringify(query));
       } else {
-        toast.error('No query has been associated with the action.');
-        return;
+        throw new Error('No query selected');
       }
 
       if (_.isEmpty(parameters)) {
@@ -298,6 +299,7 @@ export const createQueryPanelSlice = (set, get) => ({
           isLoading: true,
           data: [],
           rawData: [],
+          id: queryId,
         });
 
         let queryExecutionPromise = null;
@@ -367,6 +369,7 @@ export const createQueryPanelSlice = (set, get) => ({
                 kind: query.kind,
                 key: query.name,
                 message: errorData?.description,
+                errorTarget: 'Queries',
                 error:
                   query.kind === 'restapi'
                     ? {
@@ -435,6 +438,7 @@ export const createQueryPanelSlice = (set, get) => ({
                 key: query.name,
                 message: 'Query executed successfully',
                 isQuerySuccessLog: true,
+                errorTarget: 'Queries',
               });
 
               setResolvedQuery(queryId, {
@@ -760,6 +764,7 @@ export const createQueryPanelSlice = (set, get) => ({
         error: result,
         isTransformation: true,
         isQuerySuccessLog: result?.status === 'failed' ? false : true,
+        errorTarget: 'Queries',
       });
       return result;
     },
diff --git a/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx b/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
index 94707fcec3..8070b0e4cd 100644
--- a/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
+++ b/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
@@ -340,11 +340,11 @@ const DynamicEditorBridge = (props) => {
     <div className={cx({ 'codeShow-active': codeShow }, 'wrapper-div-code-editor')}>
       <div className={cx('d-flex align-items-center justify-content-between')}>
         {paramLabel !== ' ' && !HIDDEN_CODE_HINTER_LABELS.includes(paramLabel) && (
-          <div className={`field ${className}`} data-cy={`${cyLabel}-widget-parameter-label`}>
+          <div className={`field text-truncate d-flex ${className}`} data-cy={`${cyLabel}-widget-parameter-label`}>
             <ToolTip
               label={t(`widget.commonProperties.${camelCase(paramLabel)}`, paramLabel)}
               meta={fieldMeta}
-              labelClass={`tj-text-xsm color-slate12 ${codeShow ? 'mb-2' : 'mb-0'} ${
+              labelClass={`tj-text-xsm color-slate12 w-100 text-truncate ${codeShow ? 'mb-2' : 'mb-0'} ${
                 darkMode && 'color-whitish-darkmode'
               }`}
             />
diff --git a/frontend/src/Editor/Components/DraftEditor.jsx b/frontend/src/Editor/Components/DraftEditor.jsx
index 71b9a9de04..b2c8b61994 100644
--- a/frontend/src/Editor/Components/DraftEditor.jsx
+++ b/frontend/src/Editor/Components/DraftEditor.jsx
@@ -1,8 +1,10 @@
 /* eslint-disable react/no-string-refs */
 import React from 'react';
-import { Editor, EditorState, RichUtils, getDefaultKeyBinding, ContentState } from 'draft-js';
+import { Editor, EditorState, RichUtils, getDefaultKeyBinding, ContentState, convertFromHTML } from 'draft-js';
 import 'draft-js/dist/Draft.css';
 import { stateToHTML } from 'draft-js-export-html';
+import Loader from '@/ToolJetUI/Loader/Loader';
+import DOMPurify from 'dompurify';
 
 // Custom overrides for "code" style.
 const styleMap = {
@@ -148,10 +150,16 @@ const InlineStyleControls = (props) => {
 class DraftEditor extends React.Component {
   constructor(props) {
     super(props);
+    const blocksFromHTML = convertFromHTML(DOMPurify.sanitize(this.props.defaultValue));
     this.state = {
-      editorState: EditorState.createWithContent(ContentState.createFromText(this.props.defaultValue)),
+      editorState: EditorState.createWithContent(
+        ContentState.createFromBlockArray(blocksFromHTML.contentBlocks, blocksFromHTML.entityMap)
+      ),
     };
 
+    this.editorContainerRef = React.createRef();
+    this.controlsRef = React.createRef();
+
     this.focus = () => this.refs.editor.focus();
     this.onChange = (editorState) => {
       let html = stateToHTML(editorState.getCurrentContent());
@@ -165,9 +173,63 @@ class DraftEditor extends React.Component {
     this.toggleInlineStyle = this._toggleInlineStyle.bind(this);
   }
 
+  componentDidMount() {
+    //For resizing the editor container based on the height of rich text editor controls
+    this.resizeObserver = new ResizeObserver(() => {
+      if (this.controlsRef.current && this.editorContainerRef.current) {
+        const controlsHeight = this.controlsRef.current.offsetHeight;
+        const editorHeight = this.props.height - 46 - controlsHeight;
+        this.editorContainerRef.current.style.height = `${editorHeight}px`;
+      }
+    });
+
+    if (this.controlsRef.current) {
+      this.resizeObserver.observe(this.controlsRef.current);
+    }
+
+    const exposedVariables = {
+      value: this.props.defaultValue,
+      isDisabled: this.props.isDisabled,
+      isVisible: this.props.isVisible,
+      isLoading: this.props.isLoading,
+      setValue: async (text) => {
+        const blocksFromHTML = convertFromHTML(DOMPurify.sanitize(text));
+        const newContentState = ContentState.createFromBlockArray(
+          blocksFromHTML.contentBlocks,
+          blocksFromHTML.entityMap
+        );
+        const newEditorState = EditorState.createWithContent(newContentState);
+        const html = stateToHTML(newContentState);
+        this.props.handleChange(html);
+        this.setState({ editorState: newEditorState });
+      },
+      setDisable: async (value) => {
+        this.props.setExposedVariable('isDisabled', value);
+        this.props.setIsDisabled(value);
+      },
+      setVisibility: async (value) => {
+        this.props.setExposedVariable('isVisible', value);
+        this.props.setIsVisible(value);
+      },
+      setLoading: async (value) => {
+        this.props.setExposedVariable('isLoading', value);
+        this.props.setIsLoading(value);
+      },
+    };
+    this.props.setExposedVariables(exposedVariables);
+    this.props.isInitialRender.current = false;
+  }
+
+  componentWillUnmount() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+  }
+
   componentDidUpdate(prevProps) {
     if (prevProps.defaultValue !== this.props.defaultValue) {
-      const newContentState = ContentState.createFromText(this.props.defaultValue);
+      const blocksFromHTML = convertFromHTML(DOMPurify.sanitize(this.props.defaultValue));
+      const newContentState = ContentState.createFromBlockArray(blocksFromHTML.contentBlocks, blocksFromHTML.entityMap);
       const newEditorState = EditorState.createWithContent(newContentState);
       const html = stateToHTML(newContentState);
 
@@ -218,13 +280,19 @@ class DraftEditor extends React.Component {
       }
     }
 
-    return (
-      <div className="RichEditor-root">
-        <div className="RichEditor-controls">
+    return this.props.isLoading ? (
+      <div style={{ height: '100%', width: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+        <center>
+          <Loader width="16" absolute={false} />
+        </center>
+      </div>
+    ) : (
+      <div className="RichEditor-root" style={{ overflowY: 'scroll', scrollbarWidth: 'none' }}>
+        <div className="RichEditor-controls" ref={this.controlsRef}>
           <BlockStyleControls editorState={editorState} onToggle={this.toggleBlockType} />
           <InlineStyleControls editorState={editorState} onToggle={this.toggleInlineStyle} />
         </div>
-        <div className={className} style={{ height: `${this.props.height - 60}px` }} onClick={this.focus}>
+        <div className={className} ref={this.editorContainerRef} onClick={this.focus}>
           <Editor
             blockStyleFn={getBlockStyle}
             customStyleMap={styleMap}
@@ -232,7 +300,13 @@ class DraftEditor extends React.Component {
             handleKeyCommand={this.handleKeyCommand}
             keyBindingFn={this.mapKeyToEditorCommand}
             onChange={this.onChange}
-            placeholder={this.props.placeholder}
+            placeholder={
+              <div
+                dangerouslySetInnerHTML={{
+                  __html: DOMPurify.sanitize(this.props.placeholder || ''),
+                }}
+              />
+            }
             ref="editor"
             spellCheck={true}
           />
diff --git a/frontend/src/Editor/Components/NumberInput.jsx b/frontend/src/Editor/Components/NumberInput.jsx
index 5a130bf5cc..0092893734 100644
--- a/frontend/src/Editor/Components/NumberInput.jsx
+++ b/frontend/src/Editor/Components/NumberInput.jsx
@@ -72,6 +72,9 @@ export const NumberInput = function NumberInput({
 
   useEffect(() => {
     setInputValue(Number(parseFloat(properties.value).toFixed(properties.decimalPlaces)));
+    if (isNaN(Number(parseFloat(properties.value).toFixed(properties.decimalPlaces)))) {
+      setExposedVariable('value', null);
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [properties.value]);
 
@@ -144,6 +147,7 @@ export const NumberInput = function NumberInput({
       },
       clear: async function () {
         setInputValue('');
+        setExposedVariable('value', null);
         fireEvent('onChange');
       },
       setLoading: async function (loading) {
@@ -167,7 +171,8 @@ export const NumberInput = function NumberInput({
     };
     if (!isNaN(value)) {
       exposedVariables.value = value;
-    }
+    } else exposedVariables.value = null;
+
     setExposedVariables(exposedVariables);
 
     isInitialRender.current = false;
diff --git a/frontend/src/Editor/Components/RadioButtonV2/RadioButtonV2.jsx b/frontend/src/Editor/Components/RadioButtonV2/RadioButtonV2.jsx
new file mode 100644
index 0000000000..f1a5d171b4
--- /dev/null
+++ b/frontend/src/Editor/Components/RadioButtonV2/RadioButtonV2.jsx
@@ -0,0 +1,295 @@
+import React, { useEffect, useMemo, useState, useRef } from 'react';
+import Label from '@/_ui/Label';
+import cx from 'classnames';
+import './radioButtonV2.scss';
+import Loader from '@/ToolJetUI/Loader/Loader';
+import { has, isObject } from 'lodash';
+
+export const RadioButtonV2 = ({
+  properties,
+  styles,
+  fireEvent,
+  setExposedVariable,
+  setExposedVariables,
+  darkMode,
+  componentName,
+  validate,
+  validation,
+}) => {
+  const { label, value, options, disabledState, advanced, schema, optionsLoadingState, loadingState } = properties;
+
+  const {
+    activeColor,
+    direction,
+    auto: labelAutoWidth,
+    labelWidth,
+    optionsTextColor,
+    borderColor,
+    switchOffBackgroundColor,
+    handleColor,
+    switchOnBackgroundColor,
+    labelColor,
+    alignment,
+  } = styles;
+
+  const isInitialRender = useRef(true);
+
+  const [checkedValue, setCheckedValue] = useState(advanced ? findDefaultItem(schema) : value);
+  const [visibility, setVisibility] = useState(properties.visibility);
+  const [isLoading, setIsLoading] = useState(loadingState);
+  const [isDisabled, setIsDisabled] = useState(disabledState);
+
+  const isMandatory = validation?.mandatory ?? false;
+  const [validationStatus, setValidationStatus] = useState(validate(checkedValue));
+  const { isValid, validationError } = validationStatus;
+
+  const labelRef = useRef();
+  const radioBtnRef = useRef();
+
+  const selectOptions = useMemo(() => {
+    let _options = advanced ? schema : options;
+    if (Array.isArray(_options)) {
+      let _selectOptions = _options
+        .filter((data) => data?.visible ?? true)
+        .map((data) => ({
+          ...data,
+          label: data?.label,
+          value: data?.value,
+          isDisabled: data?.disable ?? false,
+        }));
+      return _selectOptions;
+    } else {
+      return [];
+    }
+  }, [advanced, schema, options]);
+
+  function findDefaultItem(optionSchema) {
+    if (!Array.isArray(optionSchema)) {
+      return undefined;
+    }
+    const foundItem = optionSchema?.find((item) => item?.default === true && item?.visible === true);
+    return foundItem?.value;
+  }
+
+  function onSelect(value) {
+    const _value = isObject(value) && has(value, 'value') ? value?.value : value;
+    setCheckedValue(_value);
+    setExposedVariable('value', _value);
+    const validationStatus = validate(_value);
+    setValidationStatus(validationStatus);
+    setExposedVariable('isValid', validationStatus?.isValid);
+  }
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    if (advanced) {
+      onSelect(findDefaultItem(schema));
+    } else onSelect(value);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [advanced, JSON.stringify(schema), value]);
+
+  useEffect(() => {
+    if (visibility !== properties.visibility) setVisibility(properties.visibility);
+    if (isLoading !== loadingState) setIsLoading(loadingState);
+    if (isDisabled !== disabledState) setIsDisabled(disabledState);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [properties.visibility, loadingState, disabledState]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    const _options = selectOptions?.map(({ label, value }) => ({ label, value }));
+    setExposedVariable('options', _options);
+
+    setExposedVariable('selectOption', async function (value) {
+      onSelect(value);
+      fireEvent('onSelectionChange');
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [JSON.stringify(selectOptions)]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('label', label);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [label]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    const validationStatus = validate(checkedValue);
+    setValidationStatus(validationStatus);
+    setExposedVariable('isValid', validationStatus?.isValid);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [validate]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isMandatory', isMandatory);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isMandatory]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isLoading', loadingState);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [loadingState]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isVisible', properties.visibility);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [properties.visibility]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isDisabled', disabledState);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [disabledState]);
+
+  useEffect(() => {
+    const _options = selectOptions?.map(({ label, value }) => ({ label, value }));
+    const exposedVariables = {
+      value: checkedValue,
+      label: label,
+      options: _options,
+      isValid: isValid,
+      isMandatory: isMandatory,
+      isLoading: loadingState,
+      isVisible: properties.visibility,
+      isDisabled: disabledState,
+      selectOption: async function (value) {
+        onSelect(value);
+        fireEvent('onSelectionChange');
+      },
+      deselectOption: async function () {
+        onSelect(null);
+        fireEvent('onSelectionChange');
+      },
+      setVisibility: async function (value) {
+        setVisibility(value);
+        setExposedVariable('isVisible', value);
+      },
+      setDisable: async function (value) {
+        setIsDisabled(value);
+        setExposedVariable('isDisabled', value);
+      },
+      setLoading: async function (value) {
+        setIsLoading(value);
+        setExposedVariable('isLoading', value);
+      },
+    };
+    setExposedVariables(exposedVariables);
+    isInitialRender.current = false;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const _width = (labelWidth / 100) * 70; // Max width which label can go is 70% for better UX calculate width based on this value
+
+  return (
+    <>
+      <div
+        data-cy={`label-${String(componentName).toLowerCase()} `}
+        data-disabled={isDisabled}
+        id={String(componentName)}
+        className={cx('radio-button,', 'd-flex', {
+          [alignment === 'top' &&
+          ((labelWidth != 0 && label?.length != 0) ||
+            (labelAutoWidth && labelWidth == 0 && label && label?.length != 0))
+            ? 'flex-column'
+            : '']: true,
+          'flex-row-reverse': direction === 'right' && alignment === 'side',
+          'text-right': direction === 'right' && alignment === 'top',
+          invisible: !visibility,
+          visibility: visibility,
+        })}
+        style={{
+          position: 'relative',
+          width: '100%',
+          paddingLeft: '0px',
+        }}
+      >
+        <Label
+          label={label}
+          width={labelWidth}
+          labelRef={labelRef}
+          darkMode={darkMode}
+          color={labelColor}
+          defaultAlignment={alignment}
+          direction={direction}
+          auto={labelAutoWidth}
+          isMandatory={isMandatory}
+          _width={_width}
+          top={alignment !== 'top' && '2px'}
+        />
+
+        <div className="px-0 h-100 w-100" ref={radioBtnRef}>
+          {isLoading || optionsLoadingState ? (
+            <Loader style={{ right: '50%', zIndex: 3, position: 'absolute' }} width="20" />
+          ) : (
+            <div className="">
+              {selectOptions.map((option, index) => {
+                const isChecked = checkedValue == option.value;
+                return (
+                  <label key={index} className="radio-button-container">
+                    <span
+                      style={{
+                        color:
+                          optionsTextColor !== '#1B1F24'
+                            ? optionsTextColor
+                            : isDisabled || isLoading
+                            ? 'var(--text-disabled)'
+                            : 'var(--text-primary)',
+                      }}
+                    >
+                      {option.label}
+                    </span>
+                    <input
+                      style={{
+                        marginTop: '1px',
+                        backgroundColor: checkedValue === option.value ? `${activeColor}` : 'white',
+                      }}
+                      checked={checkedValue == option.value}
+                      type="radio"
+                      value={option.value}
+                      onChange={() => {
+                        onSelect(option.value);
+                        fireEvent('onSelectionChange');
+                      }}
+                      disabled={option.isDisabled}
+                    />
+                    <span
+                      className="checkmark"
+                      style={{
+                        backgroundColor:
+                          !isChecked && (option.isDisabled ? 'var(--surfaces-surface-03)' : switchOffBackgroundColor),
+                        '--selected-background-color': option.isDisabled
+                          ? 'var(--surfaces-surface-03)'
+                          : switchOnBackgroundColor,
+                        '--selected-border-color': borderColor,
+                        '--selected-handle-color': option.isDisabled ? 'var(--icons-default)' : handleColor,
+                        border:
+                          !isChecked && (option.isDisabled ? 'var(--surfaces-surface-03)' : `1px solid ${borderColor}`),
+                      }}
+                    ></span>
+                  </label>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </div>
+      <div
+        className={`${isValid ? '' : visibility ? 'd-flex' : 'none'}`}
+        style={{
+          color: 'var(--status-error-strong)',
+          justifyContent: direction === 'right' ? 'flex-start' : 'flex-end',
+          fontSize: '11px',
+          fontWeight: '400',
+          lineHeight: '16px',
+        }}
+      >
+        {!isValid && validationError}
+      </div>
+    </>
+  );
+};
diff --git a/frontend/src/Editor/Components/RadioButtonV2/radioButtonV2.scss b/frontend/src/Editor/Components/RadioButtonV2/radioButtonV2.scss
new file mode 100644
index 0000000000..d7552b7bdd
--- /dev/null
+++ b/frontend/src/Editor/Components/RadioButtonV2/radioButtonV2.scss
@@ -0,0 +1,66 @@
+ /* label container */
+ .radio-button-container {
+    position: relative;
+    padding-left: 22px;
+    margin-bottom: 8px;
+    margin-right: 20px;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+  
+  // /* Hide the browser's default radio button */
+  .radio-button-container input {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+  }
+  
+  /* Create a custom radio button */
+  .checkmark {
+    position: absolute;
+    top: 2px;
+    left: 0;
+    height: 16px;
+    width: 16px;
+    border-radius: 50%;
+  }
+  
+  // // /* On mouse-over, add a grey background color */
+  // .radio-button-container:focus input ~ .checkmark {
+  //   border-color: red
+  // }
+  
+  // /* When the radio button is checked */
+  .radio-button-container input:checked ~ .checkmark {
+    background-color: var(--selected-background-color);
+    border-color: var(--selected-border-color);
+  }
+  
+  
+  // /* Create the indicator (the dot/circle - hidden when not checked) */
+  .checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+  }
+  
+  // /* Show the indicator (dot/circle) when checked */
+  .radio-button-container input:checked ~ .checkmark:after {
+    display: block;
+  }
+  
+  // /* Style the indicator (dot/circle) */
+  .radio-button-container .checkmark:after {
+      transform: translate(50%, 50%);
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--selected-handle-color); 
+    }
+  
\ No newline at end of file
diff --git a/frontend/src/Editor/Components/RichTextEditor.jsx b/frontend/src/Editor/Components/RichTextEditor.jsx
index 4115d8deb8..2a591afba0 100644
--- a/frontend/src/Editor/Components/RichTextEditor.jsx
+++ b/frontend/src/Editor/Components/RichTextEditor.jsx
@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+/* eslint-disable react-hooks/exhaustive-deps */
+import React, { useEffect, useRef, useState } from 'react';
 import 'draft-js/dist/Draft.css';
 import { DraftEditor } from './DraftEditor';
 
@@ -8,17 +9,38 @@ export const RichTextEditor = function RichTextEditor({
   properties,
   styles,
   setExposedVariable,
+  setExposedVariables,
   dataCy,
 }) {
+  const isInitialRender = useRef(true);
   const { visibility, disabledState, boxShadow } = styles;
   const placeholder = properties.placeholder;
   const defaultValue = properties?.defaultValue ?? '';
 
-  // exposing the default value at first
+  const [isDisabled, setIsDisabled] = useState(disabledState);
+  const [isVisible, setIsVisible] = useState(visibility);
+  const [isLoading, setIsLoading] = useState(properties?.loadingState);
+
   useEffect(() => {
-    setExposedVariable('value', defaultValue);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+    if (isDisabled !== disabledState) setIsDisabled(disabledState);
+    if (isVisible !== visibility) setIsVisible(visibility);
+    if (isLoading !== properties.loadingState) setIsLoading(properties.loadingState);
+  }, [properties.loadingState, styles.visibility, styles.disabledState]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isDisabled', disabledState);
+  }, [disabledState]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isVisible', visibility);
+  }, [visibility]);
+
+  useEffect(() => {
+    if (isInitialRender.current) return;
+    setExposedVariable('isLoading', isLoading);
+  }, [isLoading]);
 
   function handleChange(html) {
     setExposedVariable('value', html);
@@ -26,16 +48,25 @@ export const RichTextEditor = function RichTextEditor({
 
   return (
     <div
-      data-disabled={disabledState}
-      style={{ height: `${height}px`, display: visibility ? '' : 'none', boxShadow }}
+      data-disabled={isDisabled}
+      style={{ height: `${height}px`, display: isVisible ? '' : 'none', boxShadow }}
       data-cy={dataCy}
     >
       <DraftEditor
+        isInitialRender={isInitialRender}
         handleChange={handleChange}
         height={height}
         width={width}
         placeholder={placeholder}
         defaultValue={defaultValue}
+        isLoading={isLoading}
+        isVisible={visibility}
+        isDisabled={disabledState}
+        setExposedVariable={setExposedVariable}
+        setExposedVariables={setExposedVariables}
+        setIsDisabled={setIsDisabled}
+        setIsVisible={setIsVisible}
+        setIsLoading={setIsLoading}
       ></DraftEditor>
     </div>
   );
diff --git a/frontend/src/Editor/Inspector/Elements/Components/ToolTip.jsx b/frontend/src/Editor/Inspector/Elements/Components/ToolTip.jsx
index 218bbe5e24..57e653ae4c 100644
--- a/frontend/src/Editor/Inspector/Elements/Components/ToolTip.jsx
+++ b/frontend/src/Editor/Inspector/Elements/Components/ToolTip.jsx
@@ -18,8 +18,12 @@ export const ToolTip = ({ label, meta, labelClass, bold = false }) => {
 
   if (meta?.tip) {
     return (
-      <OverlayTrigger placement="left" delay={{ show: 250, hide: 400 }} overlay={renderTooltip}>
-        <label style={tooltipStyle} className={labelClass || 'form-label'}>
+      <OverlayTrigger
+        placement={meta?.tooltipPlacement || 'left'}
+        delay={{ show: 250, hide: 400 }}
+        overlay={renderTooltip}
+      >
+        <label style={meta?.tooltipStyle || tooltipStyle} className={labelClass || 'form-label'}>
           {label}
         </label>
       </OverlayTrigger>
diff --git a/frontend/src/Editor/LeftSidebar/SidebarDebugger/Logs.jsx b/frontend/src/Editor/LeftSidebar/SidebarDebugger/Logs.jsx
index 2af66fd6e7..ea7f0e298b 100644
--- a/frontend/src/Editor/LeftSidebar/SidebarDebugger/Logs.jsx
+++ b/frontend/src/Editor/LeftSidebar/SidebarDebugger/Logs.jsx
@@ -8,12 +8,11 @@ import { useEditorActions, useEditorStore } from '@/_stores/editorStore';
 
 function Logs({ logProps, idx }) {
   const [open, setOpen] = React.useState(false);
-  let titleLogType = logProps?.type;
-  // need to change the titleLogType to query for transformations because if transformation fails, it is eventually a query failure
+  let titleLogType = logProps?.type !== 'event' ? logProps?.type : '';
   if (titleLogType === 'transformations') {
     titleLogType = 'query';
   }
-  const title = ` [${capitalize(titleLogType)} ${logProps?.key}]`;
+  const title = logProps?.key;
   const message =
     logProps?.type === 'navToDisablePage'
       ? logProps?.message
@@ -21,19 +20,21 @@ function Logs({ logProps, idx }) {
       ? 'Completed'
       : logProps?.type === 'component'
       ? `Invalid property detected: ${logProps?.message}.`
+      : logProps?.type === 'Custom Log'
+      ? logProps?.description
       : `${startCase(logProps?.type)} failed: ${
           logProps?.description ||
-          logProps?.message ||
+          (isString(logProps?.message) && logProps?.message) ||
           (isString(logProps?.error?.description) && logProps?.error?.description) || //added string check since description can be an object. eg: runpy
-          logProps?.error?.message
+          logProps?.error?.message.trim()
         }`;
 
   const defaultStyles = {
-    transform: open ? 'rotate(90deg)' : 'rotate(0deg)',
+    transform: open ? 'rotate(0deg)' : 'rotate(-90deg)',
     transition: '0.2s all',
     display: logProps?.isQuerySuccessLog || logProps.type === 'navToDisablePage' ? 'none' : 'inline-block',
     cursor: 'pointer',
-    paddingTop: '8px',
+    top: '8px',
     pointerEvents: logProps?.isQuerySuccessLog || logProps.type === 'navToDisablePage' ? 'none' : 'default',
   };
 
@@ -85,20 +86,25 @@ function Logs({ logProps, idx }) {
         onClick={(e) => {
           setOpen((prev) => !prev);
         }}
-        style={{ pointerEvents: logProps?.isQuerySuccessLog ? 'none' : 'default' }}
+        style={{ pointerEvents: logProps?.isQuerySuccessLog ? 'none' : 'default', position: 'relative' }}
       >
         <span className={cx('position-absolute')} style={defaultStyles}>
-          <SolidIcon name="cheveronright" width="16" />
+          <SolidIcon name="rightarrrow" fill={`var(--icons-strong)`} width="16" />
         </span>
         <span className="w-100" style={{ paddingTop: '8px', paddingBottom: '8px', paddingLeft: '20px' }}>
           {logProps.type === 'navToDisablePage' ? (
             renderNavToDisabledPageMessage()
           ) : (
             <>
-              <span className="d-flex justify-content-between align-items-center  text-truncate">
-                <span className="text-truncate text-slate-12">{title}</span>
+              <div className="d-flex align-items-center justify-content-between">
+                <div className="error-target cursor-pointer">{logProps?.errorTarget}</div>
                 <small className="text-slate-10 text-right ">{moment(logProps?.timestamp).fromNow()}</small>
-              </span>
+              </div>
+              <div className={`d-flex justify-content-between align-items-center ${!open && 'text-truncate'}`}>
+                <span className={` cursor-pointer debugger-error-title ${!open && 'text-truncate'}`}>
+                  <HighlightSecondWord text={title} />
+                </span>
+              </div>
               <span
                 className={cx('mx-1', {
                   'text-tomato-9': !logProps?.isQuerySuccessLog,
@@ -134,3 +140,22 @@ function Logs({ logProps, idx }) {
 let isString = (value) => typeof value === 'string' || value instanceof String;
 
 export default Logs;
+
+const HighlightSecondWord = ({ text }) => {
+  const processedText = text.split(/(\[.*?\])/).map((segment, index) => {
+    if (segment.startsWith('[') && segment.endsWith(']')) {
+      const content = segment.slice(1, -1).split(' ');
+      const firstWord = content[0];
+      const secondWord = content[1];
+
+      return (
+        <span key={index}>
+          [{firstWord} <b>{secondWord}</b>]
+        </span>
+      );
+    }
+    return segment;
+  });
+
+  return <span>{processedText}</span>;
+};
diff --git a/frontend/src/Editor/WidgetManager/configs/container.js b/frontend/src/Editor/WidgetManager/configs/container.js
index 32d4158ffc..86e0e9d514 100644
--- a/frontend/src/Editor/WidgetManager/configs/container.js
+++ b/frontend/src/Editor/WidgetManager/configs/container.js
@@ -15,22 +15,86 @@ export const containerConfig = {
     loadingState: {
       type: 'toggle',
       displayName: 'Loading state',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+    },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: true,
+      },
+    },
+    disabledState: {
+      type: 'toggle',
+      section: 'additionalActions',
+      displayName: 'Disable',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+    },
+    showHeader: {
+      type: 'toggle',
+      displayName: 'Show header',
       validation: {
         schema: { type: 'boolean' },
         defaultValue: false,
       },
     },
   },
+  defaultChildren: [
+    {
+      componentName: 'Text',
+      layout: {
+        top: 20,
+        left: 1,
+        height: 40,
+      },
+      displayName: 'ContainerText',
+      properties: ['text'],
+      accessorKey: 'text',
+      styles: ['fontWeight', 'textSize', 'textColor'],
+      defaultValue: {
+        text: 'Container title',
+        fontWeight: 'bold',
+        textSize: 16,
+        textColor: '#000',
+      },
+    },
+  ],
   events: {},
   styles: {
     backgroundColor: {
       type: 'color',
-      displayName: 'Background color',
+      displayName: 'Background',
       validation: {
         schema: { type: 'string' },
         defaultValue: '#fff',
       },
     },
+    headerBackgroundColor: {
+      type: 'color',
+      displayName: 'Header',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: '#fff',
+      },
+    },
+    headerHeight: {
+      type: 'numberInput',
+      displayName: 'Header height',
+      validation: {
+        schema: { type: 'number' },
+        defaultValue: 80,
+      },
+      accordian: 'field',
+    },
     borderRadius: {
       type: 'code',
       displayName: 'Border radius',
@@ -50,40 +114,48 @@ export const containerConfig = {
         defaultValue: '#fff',
       },
     },
-    visibility: {
-      type: 'toggle',
-      displayName: 'Visibility',
-      validation: {
-        schema: { type: 'boolean' },
-        defaultValue: true,
-      },
-    },
-    disabledState: {
-      type: 'toggle',
-      displayName: 'Disable',
-      validation: {
-        schema: { type: 'boolean' },
-      },
-      defaultValue: false,
-    },
   },
-  exposedVariables: {},
+  exposedVariables: {
+    isVisible: true,
+    isDisabled: false,
+    isLoading: false,
+  },
+  actions: [
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set disable',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
       showOnMobile: { value: '{{false}}' },
     },
     properties: {
-      visible: { value: '{{true}}' },
       loadingState: { value: `{{false}}` },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
     },
     events: [],
     styles: {
       backgroundColor: { value: '#fff' },
+      headerBackgroundColor: { value: '#fff' },
       borderRadius: { value: '4' },
       borderColor: { value: '#fff' },
       visibility: { value: '{{true}}' },
       disabledState: { value: '{{false}}' },
+      headerHeight: { value: '80' },
     },
   },
 };
diff --git a/frontend/src/Editor/WidgetManager/configs/index.js b/frontend/src/Editor/WidgetManager/configs/index.js
index 1a875d6fa2..d73cd8934f 100644
--- a/frontend/src/Editor/WidgetManager/configs/index.js
+++ b/frontend/src/Editor/WidgetManager/configs/index.js
@@ -9,6 +9,7 @@ import { passinputConfig } from './passwordinput';
 import { datepickerConfig } from './datepicker';
 import { checkboxConfig } from './checkbox';
 import { radiobuttonConfig } from './radiobutton';
+import { radiobuttonV2Config } from './radioButtonV2';
 import { toggleswitchConfig } from './toggleswitch';
 import { toggleSwitchV2Config } from './toggleswitchv2';
 import { textareaConfig } from './textarea';
@@ -65,7 +66,8 @@ export {
   passinputConfig,
   datepickerConfig,
   checkboxConfig,
-  radiobuttonConfig,
+  radiobuttonConfig, //!Depreciated
+  radiobuttonV2Config,
   toggleswitchConfig, //!Depreciated
   toggleSwitchV2Config,
   textareaConfig,
diff --git a/frontend/src/Editor/WidgetManager/configs/numberinput.js b/frontend/src/Editor/WidgetManager/configs/numberinput.js
index 148754d5be..f5bc2b1490 100644
--- a/frontend/src/Editor/WidgetManager/configs/numberinput.js
+++ b/frontend/src/Editor/WidgetManager/configs/numberinput.js
@@ -236,7 +236,7 @@ export const numberinputConfig = {
     },
   ],
   exposedVariables: {
-    value: 99,
+    value: 0,
     isMandatory: false,
     isVisible: true,
     isDisabled: false,
diff --git a/frontend/src/Editor/WidgetManager/configs/radioButtonV2.js b/frontend/src/Editor/WidgetManager/configs/radioButtonV2.js
new file mode 100644
index 0000000000..2ff6ca6c7c
--- /dev/null
+++ b/frontend/src/Editor/WidgetManager/configs/radioButtonV2.js
@@ -0,0 +1,295 @@
+export const radiobuttonV2Config = {
+  name: 'RadioButton',
+  displayName: 'Radio Button',
+  description: 'Select one from multiple choices',
+  component: 'RadioButtonV2',
+  defaultSize: {
+    width: 12,
+    height: 43,
+  },
+  others: {
+    showOnDesktop: { type: 'toggle', displayName: 'Show on desktop' },
+    showOnMobile: { type: 'toggle', displayName: 'Show on mobile' },
+  },
+  validation: {
+    customRule: {
+      type: 'code',
+      displayName: 'Custom validation',
+      placeholder: `{{components.text2.text=='yes'&&'valid'}}`,
+    },
+    mandatory: { type: 'toggle', displayName: 'Make this field mandatory' },
+  },
+  properties: {
+    label: {
+      type: 'code',
+      displayName: 'Label',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Select',
+      },
+      accordian: 'Data',
+    },
+    advanced: {
+      type: 'toggle',
+      displayName: 'Dynamic options',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    schema: {
+      type: 'code',
+      displayName: 'Schema',
+      conditionallyRender: {
+        key: 'advanced',
+        value: true,
+      },
+      accordian: 'Options',
+    },
+    optionsLoadingState: {
+      type: 'toggle',
+      displayName: 'Options loading state',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Loading state',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+
+      section: 'additionalActions',
+    },
+    disabledState: {
+      type: 'toggle',
+      displayName: 'Disable',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    tooltip: {
+      type: 'code',
+      displayName: 'Tooltip',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Enter tooltip text',
+      },
+      section: 'additionalActions',
+      placeholder: 'Enter tooltip text',
+    },
+  },
+  events: {
+    onSelectionChange: { displayName: 'On select' },
+  },
+  styles: {
+    labelColor: {
+      type: 'color',
+      displayName: 'Color',
+      validation: { schema: { type: 'string' }, defaultValue: '#1B1F24' },
+      accordian: 'label',
+    },
+    alignment: {
+      type: 'switch',
+      displayName: 'Alignment',
+      validation: { schema: { type: 'string' }, defaultValue: 'side' },
+      options: [
+        { displayName: 'Side', value: 'side' },
+        { displayName: 'Top', value: 'top' },
+      ],
+      accordian: 'label',
+    },
+    direction: {
+      type: 'switch',
+      displayName: 'Direction',
+      validation: { schema: { type: 'string' }, defaultValue: 'left' },
+      showLabel: false,
+      isIcon: true,
+      options: [
+        { displayName: 'alignleftinspector', value: 'left', iconName: 'alignleftinspector' },
+        { displayName: 'alignrightinspector', value: 'right', iconName: 'alignrightinspector' },
+      ],
+      accordian: 'label',
+    },
+    labelWidth: {
+      type: 'slider',
+      displayName: 'Width',
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    auto: {
+      type: 'checkbox',
+      displayName: 'auto',
+      showLabel: false,
+      validation: { schema: { type: 'boolean' } },
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    borderColor: {
+      type: 'color',
+      displayName: 'Border',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    switchOnBackgroundColor: {
+      type: 'color',
+      displayName: 'Checked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Checked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    switchOffBackgroundColor: {
+      type: 'color',
+      displayName: 'Unchecked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Unchecked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    handleColor: {
+      type: 'color',
+      displayName: 'Handle color',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    optionsTextColor: {
+      type: 'color',
+      displayName: 'Text',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    padding: {
+      type: 'switch',
+      displayName: 'Padding',
+      validation: {
+        schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] },
+        defaultValue: 'default',
+      },
+      isFxNotRequired: true,
+      options: [
+        { displayName: 'Default', value: 'default' },
+        { displayName: 'None', value: 'none' },
+      ],
+      accordian: 'container',
+    },
+  },
+  actions: [
+    {
+      handle: 'selectOption',
+      displayName: 'Select option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'deselectOption',
+      displayName: 'Deselect option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
+  exposedVariables: {
+    label: 'Select',
+  },
+  definition: {
+    others: {
+      showOnDesktop: { value: '{{true}}' },
+      showOnMobile: { value: '{{false}}' },
+    },
+    validation: {
+      mandatory: { value: '{{false}}' },
+    },
+    properties: {
+      label: { value: 'Select' },
+      value: { value: '{{"2"}}' },
+      advanced: { value: `{{false}}` },
+      options: {
+        value: [
+          {
+            label: 'option1',
+            value: '1',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+          {
+            label: 'option2',
+            value: '2',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: true },
+          },
+          {
+            label: 'option3',
+            value: '3',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+        ],
+      },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
+      loadingState: { value: '{{false}}' },
+      optionsLoadingState: { value: '{{false}}' },
+      optionVisibility: { value: '{{[true, true, true]}}' },
+      optionDisable: { value: '{{[false, false, false]}}' },
+      schema: {
+        value:
+          "{{[\t{label: 'option1',value: '1',disable: false,visible: true,default: true},{label: 'option2',value: '2',disable: false,visible: true},{label: 'option3',value: '3',disable: false,visible: true}\t]}}",
+      },
+    },
+    events: [],
+    styles: {
+      labelColor: { value: '#11181C' },
+      direction: { value: 'left' },
+      alignment: { value: 'side' },
+      auto: { value: '{{false}}' },
+      labelWidth: { value: '20' },
+      borderColor: { value: '#FFFFFF' },
+      switchOffBackgroundColor: { value: '#FFFFFF' },
+      switchOnBackgroundColor: { value: '#4368E3' },
+      handleColor: { value: '#FFFFFF' },
+      optionsTextColor: { value: '#11181C' },
+      padding: { value: 'default' },
+    },
+  },
+};
diff --git a/frontend/src/Editor/WidgetManager/configs/radiobutton.js b/frontend/src/Editor/WidgetManager/configs/radiobutton.js
index de1e210894..d6ec057526 100644
--- a/frontend/src/Editor/WidgetManager/configs/radiobutton.js
+++ b/frontend/src/Editor/WidgetManager/configs/radiobutton.js
@@ -1,6 +1,6 @@
 export const radiobuttonConfig = {
-  name: 'RadioButton',
-  displayName: 'Radio Button',
+  name: 'RadioButtonLegacy',
+  displayName: 'Radio Button (Legacy)',
   description: 'Select one from multiple choices',
   component: 'RadioButton',
   defaultSize: {
diff --git a/frontend/src/Editor/WidgetManager/configs/richtextarea.js b/frontend/src/Editor/WidgetManager/configs/richtextarea.js
index eacee66529..c964d53d6b 100644
--- a/frontend/src/Editor/WidgetManager/configs/richtextarea.js
+++ b/frontend/src/Editor/WidgetManager/configs/richtextarea.js
@@ -28,6 +28,15 @@ export const richtextareaConfig = {
         defaultValue: 'Default text',
       },
     },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Show loading state',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+      section: 'additionalActions',
+    },
   },
   events: {},
   styles: {
@@ -55,6 +64,28 @@ export const richtextareaConfig = {
   exposedVariables: {
     value: '',
   },
+  actions: [
+    {
+      handle: 'setValue',
+      displayName: 'Set value',
+      params: [{ handle: 'value', displayName: 'Value', defaultValue: 'New text' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
@@ -63,6 +94,7 @@ export const richtextareaConfig = {
     properties: {
       placeholder: { value: 'Placeholder text' },
       defaultValue: { value: '' },
+      loadingState: { value: `{{false}}` },
     },
     events: [],
     styles: {
diff --git a/frontend/src/Editor/WidgetManager/configs/table.js b/frontend/src/Editor/WidgetManager/configs/table.js
index 554e6f6cc7..df2abc4cbd 100644
--- a/frontend/src/Editor/WidgetManager/configs/table.js
+++ b/frontend/src/Editor/WidgetManager/configs/table.js
@@ -289,6 +289,7 @@ export const tableConfig = {
     onCellValueChanged: { displayName: 'Cell value changed' },
     onFilterChanged: { displayName: 'Filter changed' },
     onNewRowsAdded: { displayName: 'Add new rows' },
+    onTableDataDownload: { displayName: 'Download data' },
   },
   styles: {
     textColor: {
@@ -310,6 +311,16 @@ export const tableConfig = {
         { displayName: 'Wrap', value: 'wrap' },
       ],
     },
+    headerCasing: {
+      type: 'switch',
+      displayName: 'Header casing',
+      validation: { schema: { type: 'string' } },
+      accordian: 'Data',
+      options: [
+        { displayName: 'AA', value: 'uppercase' },
+        { displayName: 'As typed', value: 'none' },
+      ],
+    },
     tableType: {
       type: 'select',
       displayName: 'Row style',
@@ -529,6 +540,7 @@ export const tableConfig = {
         value: [
           {
             name: 'id',
+            key: 'id',
             id: 'e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737',
             autogenerated: true,
             fxActiveFields: [],
@@ -548,6 +560,7 @@ export const tableConfig = {
           },
           {
             name: 'name',
+            key: 'name',
             id: '5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a',
             autogenerated: true,
             fxActiveFields: [],
@@ -556,6 +569,7 @@ export const tableConfig = {
           },
           {
             name: 'email',
+            key: 'email',
             id: 'afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f',
             autogenerated: true,
             fxActiveFields: [],
@@ -564,6 +578,7 @@ export const tableConfig = {
           },
           {
             name: 'date',
+            key: 'date',
             id: '27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc',
             autogenerated: true,
             fxActiveFields: [],
@@ -576,6 +591,7 @@ export const tableConfig = {
           },
           {
             name: 'mobile_number',
+            key: 'mobile_number',
             id: '9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56',
             autogenerated: true,
             fxActiveFields: [],
@@ -652,6 +668,7 @@ export const tableConfig = {
     styles: {
       textColor: { value: '#000' },
       columnHeaderWrap: { value: 'fixed' },
+      headerCasing: { value: 'uppercase' },
       actionButtonRadius: { value: '0' },
       cellSize: { value: 'regular' },
       borderRadius: { value: '8' },
diff --git a/frontend/src/Editor/WidgetManager/constants.js b/frontend/src/Editor/WidgetManager/constants.js
index 4653d6ff72..35ea9d5252 100644
--- a/frontend/src/Editor/WidgetManager/constants.js
+++ b/frontend/src/Editor/WidgetManager/constants.js
@@ -1 +1 @@
-export const LEGACY_ITEMS = ['ToggleSwitchLegacy', 'DropdownLegacy', 'MultiselectLegacy'];
+export const LEGACY_ITEMS = ['ToggleSwitchLegacy', 'DropdownLegacy', 'MultiselectLegacy', 'RadioButtonLegacy'];
diff --git a/frontend/src/Editor/WidgetManager/widgetConfig.js b/frontend/src/Editor/WidgetManager/widgetConfig.js
index a7b020e451..30bfdfc7f2 100644
--- a/frontend/src/Editor/WidgetManager/widgetConfig.js
+++ b/frontend/src/Editor/WidgetManager/widgetConfig.js
@@ -10,6 +10,7 @@ import {
   datepickerConfig,
   checkboxConfig,
   radiobuttonConfig,
+  radiobuttonV2Config,
   toggleswitchConfig,
   toggleSwitchV2Config,
   textareaConfig,
@@ -68,6 +69,7 @@ export const widgets = [
   datepickerConfig,
   checkboxConfig,
   radiobuttonConfig,
+  radiobuttonV2Config,
   toggleswitchConfig,
   toggleSwitchV2Config,
   textareaConfig,
diff --git a/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx b/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
index f0704c7130..9c8c2cb2fe 100644
--- a/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
+++ b/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
@@ -6,6 +6,7 @@ const categoryTitles = {
   'customer-support': 'Customer support',
   'data-and-analytics': 'Data and analytics',
   'developer-utilities': 'Developer utilities',
+  'educational-technology': 'Educational technology',
   'financial-services': 'Financial services',
   'human-resources': 'Human resources',
   operations: 'Operations',
diff --git a/frontend/src/ManageOrgConstants/ConstantForm.jsx b/frontend/src/ManageOrgConstants/ConstantForm.jsx
index 1eecc5fbbf..e04e4ed292 100644
--- a/frontend/src/ManageOrgConstants/ConstantForm.jsx
+++ b/frontend/src/ManageOrgConstants/ConstantForm.jsx
@@ -193,17 +193,19 @@ const ConstantForm = ({
                   {error['name']}
                 </span>
                 {!error['name'] && (
-                  <small style={{ color: 'var(--text-placeholder)' }}>Name must be unique and max 50 characters</small>
+                  <small style={{ color: 'var(--text-placeholder)' }} data-cy="name-info">
+                    Name must be unique and max 50 characters
+                  </small>
                 )}
               </div>
             </div>
             <div className="form-group">
-              <label className="form-label" data-cy="name-label">
+              <label className="form-label" data-cy="type-label">
                 Type
               </label>
               <div className="radio-group" data-tooltip-id="type-tooltip">
                 <div className="radio-item">
-                  <label style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }}>
+                  <label style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }} data-cy="global-constants-label">
                     <input
                       type="radio"
                       name="type"
@@ -211,15 +213,16 @@ const ConstantForm = ({
                       checked={fields['type'] === Constants.Global}
                       onChange={handleFieldChange}
                       disabled={mode === 'edit'}
+                      data-cy="global-constants-input"
                     />
                     Global constants
                   </label>
-                  <small style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }}>
+                  <small style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }} data-cy="global-constants-info">
                     The values can be used anywhere in the product
                   </small>
                 </div>
                 <div className="radio-item">
-                  <label style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }}>
+                  <label style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }} data-cy="secrets-constants-label">
                     <input
                       type="radio"
                       name="type"
@@ -227,10 +230,11 @@ const ConstantForm = ({
                       checked={fields['type'] === Constants.Secret}
                       onChange={handleFieldChange}
                       disabled={mode === 'edit'}
+                      data-cy="secrets-constants-input"
                     />
                     Secrets
                   </label>
-                  <small style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }}>
+                  <small style={{ color: mode === 'edit' ? '#adb5bd' : 'inherit' }} data-cy="secrets-constants-info">
                     The values are hidden and can only be used in data sources and queries
                   </small>
                 </div>
@@ -246,7 +250,7 @@ const ConstantForm = ({
                 <label className="form-label" data-cy="value-label">
                   Value
                 </label>
-                <small className="text-green d-flex align-items-center" data-cy="encrypted-label">
+                <small className="text-green d-flex align-items-center" data-cy="form-encrypted-label">
                   <img
                     className="encrypted-icon me-1"
                     src="assets/images/icons/padlock.svg"
diff --git a/frontend/src/ManageOrgConstants/ConstantTable.jsx b/frontend/src/ManageOrgConstants/ConstantTable.jsx
index cf78cb598b..83b16bd5b2 100644
--- a/frontend/src/ManageOrgConstants/ConstantTable.jsx
+++ b/frontend/src/ManageOrgConstants/ConstantTable.jsx
@@ -52,7 +52,7 @@ const ConstantTable = ({
                     {' '}
                     <small
                       className="text-green d-flex align-items-center justify-content-end"
-                      data-cy="encrypted-label"
+                      data-cy="table-encrypted-label"
                     >
                       <img
                         className="encrypted-icon me-1"
diff --git a/frontend/src/ManageOrgConstants/EmptyState.jsx b/frontend/src/ManageOrgConstants/EmptyState.jsx
index 140f1fba04..6692c06807 100644
--- a/frontend/src/ManageOrgConstants/EmptyState.jsx
+++ b/frontend/src/ManageOrgConstants/EmptyState.jsx
@@ -19,7 +19,7 @@ const EmptyState = ({ canCreateVariable, setIsManageVarDrawerOpen, isLoading, se
               </p>
               {canCreateVariable && searchTerm === '' && (
                 <ButtonSolid
-                  data-cy="add-new-constant-button"
+                  data-cy="table-add-new-constant-button"
                   vaiant="primary"
                   onClick={() => setIsManageVarDrawerOpen(true)}
                   className="add-new-constant-button"
diff --git a/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx b/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
index 29a5f229bf..81bf9d0bbf 100644
--- a/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
+++ b/frontend/src/ManageOrgConstants/ManageOrgConstants.jsx
@@ -454,7 +454,7 @@ const ManageOrgConstantsComponent = ({ darkMode }) => {
               <div className="workspace-setting-buttons-wrap">
                 {canCreateVariable() && (
                   <ButtonSolid
-                    data-cy="add-new-constant-button"
+                    data-cy="form-add-new-constant-button"
                     variant="primary"
                     onClick={() => {
                       setMode(() => MODES.CREATE);
diff --git a/frontend/src/ManageOrgUsers/InviteUsersForm.jsx b/frontend/src/ManageOrgUsers/InviteUsersForm.jsx
index 1f877c8c70..380e946726 100644
--- a/frontend/src/ManageOrgUsers/InviteUsersForm.jsx
+++ b/frontend/src/ManageOrgUsers/InviteUsersForm.jsx
@@ -61,6 +61,8 @@ function InviteUsersForm({
 
   const hiddenFileInput = useRef(null);
 
+  const darkmode = localStorage.getItem('darkMode') === 'true';
+
   useEffect(() => {
     if (currentEditingUser && groups.length) {
       const { first_name, last_name, email, groups: addedToCustomGroups, role_group } = currentEditingUser;
@@ -159,6 +161,12 @@ function InviteUsersForm({
   };
 
   const isEditing = userDrawerMode === USER_DRAWER_MODES.EDIT;
+  let fillColor;
+  if (activeTab == 1) {
+    fillColor = darkmode ? '#FFFFFF' : '#11181C';
+  } else {
+    fillColor = darkmode ? '#AAAAAA' : '#687076';
+  }
 
   return (
     <div>
@@ -213,7 +221,7 @@ function InviteUsersForm({
                     onClick={() => setActiveTab(1)}
                     data-cy="button-invite-with-email"
                   >
-                    <SolidIcon name="mail" width="14" fill={activeTab == 1 ? '#11181C' : '#687076'} />
+                    <SolidIcon name="mail" width="14" fill={fillColor} />
                     <span> Invite with email</span>
                   </button>
                   <button
@@ -221,7 +229,7 @@ function InviteUsersForm({
                     onClick={() => setActiveTab(2)}
                     data-cy="button-upload-csv-file"
                   >
-                    <SolidIcon name="fileupload" width="14" fill={activeTab == 2 ? '#11181C' : '#687076'} />
+                    <SolidIcon name="fileupload" width="14" fill={fillColor} />
                     <span>Upload CSV file</span>
                   </button>
                 </div>
@@ -237,7 +245,7 @@ function InviteUsersForm({
                   className="invite-email-body"
                   id="inviteByEmail"
                 >
-                  <label className="form-label" data-cy="label-full-name-input-field">
+                  <label className="form-label" data-cy="name-label">
                     Name
                   </label>
                   <div className="form-group mb-3 ">
@@ -255,7 +263,7 @@ function InviteUsersForm({
                           name="fullName"
                           onChange={changeNewUserOption.bind(this, 'fullName')}
                           value={fields['fullName']}
-                          data-cy="input-field-full-name"
+                          data-cy="name-input"
                           disabled={isEditing}
                         />
                         <span className="text-danger" data-cy="error-message-fullname">
@@ -265,7 +273,7 @@ function InviteUsersForm({
                     </ToolTip>
                   </div>
                   <div className="form-group mb-3 ">
-                    <label className="form-label" data-cy="label-email-input-field">
+                    <label className="form-label" data-cy="email-label">
                       {t('header.organization.menus.manageUsers.emailAddress', 'Email Address')}
                     </label>
                     <ToolTip
@@ -283,7 +291,7 @@ function InviteUsersForm({
                           name="email"
                           onChange={changeNewUserOption.bind(this, 'email')}
                           value={fields['email']}
-                          data-cy="input-field-email"
+                          data-cy="email-input"
                           disabled={isEditing}
                         />
                         <span className="text-danger" data-cy="error-message-email">
@@ -293,7 +301,7 @@ function InviteUsersForm({
                     </ToolTip>
                   </div>
                   <div className="form-group mb-3 manage-groups-invite-form" data-cy="user-group-select">
-                    <label className="form-label" data-cy="label-group-input-field">
+                    <label className="form-label" data-cy="user-group-label">
                       {isEditing
                         ? 'User groups'
                         : t('header.organization.menus.manageUsers.selectGroup', 'Select Group')}
diff --git a/frontend/src/_components/OrganizationManager/List.jsx b/frontend/src/_components/OrganizationManager/List.jsx
index 9229d4079b..87f0d62b0a 100644
--- a/frontend/src/_components/OrganizationManager/List.jsx
+++ b/frontend/src/_components/OrganizationManager/List.jsx
@@ -54,7 +54,7 @@ export const OrganizationList = function () {
         <div className={`align-items-center d-flex tj-org-dropdown  ${darkMode && 'dark-theme'}`}>
           {org.id === current_organization_id ? (
             <div className="current-org-avatar">
-              <SolidIcon name="tick" fill="#3E63DD" dataCy="add-new-workspace-link" width="20" viewBox="0 0 17 15" />
+              <SolidIcon name="tick" fill="#3E63DD" data-cy="add-new-workspace-link" width="20" viewBox="0 0 17 15" />
             </div>
           ) : (
             <div
@@ -79,7 +79,7 @@ export const OrganizationList = function () {
                 data-cy="current-org-indicator"
                 onClick={() => setShowEditOrg(true)}
               >
-                <SolidIcon name="editable" fill="#3E63DD" dataCy="add-new-workspace-link" width="16" />
+                <SolidIcon name="editable" fill="#3E63DD" data-cy="edit-rectangle-icon" width="16" />
               </div>
             </ToolTip>
           ) : (
diff --git a/frontend/src/_styles/left-sidebar.scss b/frontend/src/_styles/left-sidebar.scss
index 0a5b441d66..5a9d022485 100644
--- a/frontend/src/_styles/left-sidebar.scss
+++ b/frontend/src/_styles/left-sidebar.scss
@@ -232,11 +232,24 @@
 }
 
 .debugger-content {
+  padding: 0px 16px;
   background-color: var(--base);
+  cursor: pointer;
 
   hr {
-    margin-top: 0px !important;
-    margin-bottom: 16px !important;
+    margin: 0px !important;
+    margin-top: 16px !important;
+  }
+
+  &:hover {
+    background-color: var(--slate3);
+  }
+
+  .error-target {
+    background-color: var(--interactive-overlays-fill-hover) !important;
+    padding: 4px 7px;
+    border-radius: 7px;
+    color: var(--slate10)
   }
 }
 
diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index c2713edf51..2fe54d0af5 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -14400,7 +14400,6 @@ color: var(--text-default);
 .debugger-card-body {
   margin-top: 8px;
   margin-bottom: 16px;
-  padding: 0px 16px;
 }
 
 .left-sidebar-header-btn {
@@ -14743,7 +14742,6 @@ color: var(--text-default);
 .debugger-card-body {
   margin-top: 8px;
   margin-bottom: 16px;
-  padding: 0px 16px;
 }
 
 .left-sidebar-header-btn {
@@ -15103,7 +15101,6 @@ color: var(--text-default);
 .debugger-card-body {
   margin-top: 8px;
   margin-bottom: 16px;
-  padding: 0px 16px;
 }
 
 .left-sidebar-header-btn {
diff --git a/frontend/src/modules/auth/pages/ForgotPasswordPage/components/ForgotPasswordInfoScreen/ForgotPasswordInfoScreen.jsx b/frontend/src/modules/auth/pages/ForgotPasswordPage/components/ForgotPasswordInfoScreen/ForgotPasswordInfoScreen.jsx
index 5ec9d3708e..cd50811420 100644
--- a/frontend/src/modules/auth/pages/ForgotPasswordPage/components/ForgotPasswordInfoScreen/ForgotPasswordInfoScreen.jsx
+++ b/frontend/src/modules/auth/pages/ForgotPasswordPage/components/ForgotPasswordInfoScreen/ForgotPasswordInfoScreen.jsx
@@ -21,8 +21,12 @@ const ForgotPasswordInfoScreen = ({ email }) => {
     <div className="forgot-password-info-wrapper info-screen">
       <OnboardingUIWrapper>
         <FormHeader>{t('forgotPasswordInfo.header', 'Check your mail')}</FormHeader>
-        <p className="message">{message}</p>
-        <span className="info">{info}</span>
+        <p className="message" data-cy="onboarding-page-description">
+          {message}
+        </p>
+        <span className="info" data-cy="info-message">
+          {info}
+        </span>
         <SepratorComponent />
         <div className="action-buttons">
           <button onClick={() => navigate('/login')} className="back-to-login-button" data-cy="back-to-login">
diff --git a/frontend/src/modules/auth/pages/LoginPage/components/LoginForm/LoginForm.jsx b/frontend/src/modules/auth/pages/LoginPage/components/LoginForm/LoginForm.jsx
index 51fd3a24ab..762c62e152 100644
--- a/frontend/src/modules/auth/pages/LoginPage/components/LoginForm/LoginForm.jsx
+++ b/frontend/src/modules/auth/pages/LoginPage/components/LoginForm/LoginForm.jsx
@@ -129,7 +129,7 @@ const LoginForm = ({
                     <>
                       {' '}
                       {signupText}{' '}
-                      <Link to={signUpUrl} className="signin-link" tabIndex="-1" data-cy="signin-link">
+                      <Link to={signUpUrl} className="signin-link" tabIndex="-1" data-cy="create-an-account-link">
                         {t('createToolJetAccount', signUpCTA)}
                       </Link>
                     </>
diff --git a/frontend/src/modules/auth/pages/ResetPasswordPage/components/ResetPasswordInfoScreen/ResetPasswordInfoScreen.jsx b/frontend/src/modules/auth/pages/ResetPasswordPage/components/ResetPasswordInfoScreen/ResetPasswordInfoScreen.jsx
index 1f19e9e72e..2a44b1e513 100644
--- a/frontend/src/modules/auth/pages/ResetPasswordPage/components/ResetPasswordInfoScreen/ResetPasswordInfoScreen.jsx
+++ b/frontend/src/modules/auth/pages/ResetPasswordPage/components/ResetPasswordInfoScreen/ResetPasswordInfoScreen.jsx
@@ -17,7 +17,9 @@ const ForgotPasswordInfoScreen = ({ email }) => {
     <div className="forgot-password-info-wrapper info-screen">
       <OnboardingUIWrapper>
         <FormHeader>Password has been reset</FormHeader>
-        <p className="message">{message}</p>
+        <p className="message" data-cy="reset-password-page-description">
+          {message}
+        </p>
         <div className="action-buttons pt-3">
           <button
             onClick={() =>
diff --git a/frontend/src/modules/common/components/FormDescription/FormDescription.jsx b/frontend/src/modules/common/components/FormDescription/FormDescription.jsx
index 0f10c1981f..9525f10990 100644
--- a/frontend/src/modules/common/components/FormDescription/FormDescription.jsx
+++ b/frontend/src/modules/common/components/FormDescription/FormDescription.jsx
@@ -4,7 +4,9 @@ import './resources/styles/form-description.styles.scss';
 const FormDescription = ({ children: View }) => {
   return (
     <>
-      <p className="onboarding-form-description">{View}</p>
+      <p className="onboarding-form-description" data-cy="onboarding-page-description">
+        {View}
+      </p>
     </>
   );
 };
diff --git a/frontend/src/modules/common/components/FormHeader/FormHeader.jsx b/frontend/src/modules/common/components/FormHeader/FormHeader.jsx
index f4c2da682d..98c3583e43 100644
--- a/frontend/src/modules/common/components/FormHeader/FormHeader.jsx
+++ b/frontend/src/modules/common/components/FormHeader/FormHeader.jsx
@@ -1,12 +1,13 @@
 import React from 'react';
 
 const FormHeader = ({ children: View, styles, dataCy }) => {
+  const defaultDataCy = View?.toString()?.toLowerCase().replace(/\s+/g, '-');
+  const computedDataCy = dataCy || defaultDataCy;
+
   return (
-    <>
-      <h2 className="form-header" style={styles} data-cy={dataCy}>
-        {View}
-      </h2>
-    </>
+    <h2 className="form-header" style={styles} data-cy={`${computedDataCy}-header`}>
+      {View}
+    </h2>
   );
 };
 
diff --git a/frontend/src/modules/common/components/FormTextInput/FormTextInput.jsx b/frontend/src/modules/common/components/FormTextInput/FormTextInput.jsx
index 0b3bdbcde7..cf7c12930b 100644
--- a/frontend/src/modules/common/components/FormTextInput/FormTextInput.jsx
+++ b/frontend/src/modules/common/components/FormTextInput/FormTextInput.jsx
@@ -10,7 +10,7 @@ const FormTextInput = ({
   error,
   disabled,
   name,
-  dataCy,
+  dataCy = label ? label.toLowerCase().replace(/\s+/g, '-') : value ? value.toLowerCase().replace(/\s+/g, '-') : '',
   maxLength,
   disableStartAdornment = false,
 }) => {
@@ -33,7 +33,7 @@ const FormTextInput = ({
       )}
 
       {disabled ? (
-        <p className="form-input__field form-input__field--disabled" data-cy={dataCy}>
+        <p className="form-input__field form-input__field--disabled" data-cy={`${dataCy}-input-value`}>
           {value}
         </p>
       ) : (
@@ -47,11 +47,16 @@ const FormTextInput = ({
             value={value}
             onChange={handleChange}
             required
-            data-cy={dataCy}
+            data-cy={`${dataCy}-input`}
             autoComplete="off"
             {...(maxLength ? { maxLength } : {})}
           />
-          <span className={`tj-input-error form-input__error${error ? '__error-enabled' : ''}`}>{error}</span>
+          <span
+            className={`tj-input-error form-input__error${error ? '__error-enabled' : ''}`}
+            data-cy={`${dataCy}-error-message`}
+          >
+            {error}
+          </span>
         </>
       )}
     </div>
diff --git a/frontend/src/modules/common/components/GeneralFeatureImage/GeneralFeatureImage.jsx b/frontend/src/modules/common/components/GeneralFeatureImage/GeneralFeatureImage.jsx
index fcd197fb5b..e69e8d90be 100644
--- a/frontend/src/modules/common/components/GeneralFeatureImage/GeneralFeatureImage.jsx
+++ b/frontend/src/modules/common/components/GeneralFeatureImage/GeneralFeatureImage.jsx
@@ -7,7 +7,7 @@ const GeneralFeatureImage = () => {
   return (
     <div className="general-feature-image">
       <div className="content-wrapper">
-        <div className="image-wrapper">
+        <div className="image-wrapper" data-cy="onboarding-image">
           <FeatImage />
         </div>
         <div className="slogan-wrapper">
diff --git a/frontend/src/modules/common/components/PasswordInput/PasswordInput.jsx b/frontend/src/modules/common/components/PasswordInput/PasswordInput.jsx
index 217c00aa39..f414eb2335 100644
--- a/frontend/src/modules/common/components/PasswordInput/PasswordInput.jsx
+++ b/frontend/src/modules/common/components/PasswordInput/PasswordInput.jsx
@@ -13,7 +13,7 @@ const PasswordInput = ({
   onChange,
   error,
   name = 'password',
-  dataCy = 'password-input',
+  dataCy = 'password',
   minLength = 5,
   hint = `Password must be at least ${minLength} characters`,
   disabled = false,
@@ -60,7 +60,7 @@ const PasswordInput = ({
           onChange={handleChange}
           required
           minLength={minLength}
-          data-cy={dataCy}
+          data-cy={`${dataCy}-input`}
           autoComplete="off"
         />
         <button
diff --git a/frontend/src/modules/common/components/PasswordInput/resources/images/eyeclose.svg b/frontend/src/modules/common/components/PasswordInput/resources/images/eyeclose.svg
index b0a66fec9e..c434590f61 100644
--- a/frontend/src/modules/common/components/PasswordInput/resources/images/eyeclose.svg
+++ b/frontend/src/modules/common/components/PasswordInput/resources/images/eyeclose.svg
@@ -1,3 +1,3 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" data-cy="eye-close-icon">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M2.51494 3.02021C2.31967 2.82495 2.31967 2.50837 2.51494 2.3131C2.7102 2.11784 3.02678 2.11784 3.22204 2.3131L13.8887 12.9798C14.084 13.175 14.084 13.4916 13.8887 13.6869C13.6934 13.8821 13.3769 13.8821 13.1816 13.6869L11.2971 11.8024C10.3576 12.3139 9.30851 12.6667 8.20182 12.6667C5.65815 12.6667 3.41882 10.8031 2.11496 9.43126C1.34189 8.61787 1.34189 7.3821 2.11496 6.56872C2.66817 5.98666 3.38979 5.31608 4.23161 4.73689L2.51494 3.02021ZM6.47873 6.98401C6.30279 7.28176 6.20182 7.62909 6.20182 7.99999C6.20182 9.10456 7.09725 9.99999 8.20182 9.99999C8.57273 9.99999 8.92005 9.89902 9.21781 9.72308L6.47873 6.98401ZM8.20182 3.33332C10.7455 3.33332 12.9848 5.19688 14.2887 6.56872C15.0618 7.3821 15.0618 8.61788 14.2887 9.43126C13.9953 9.73993 13.6546 10.0735 13.2737 10.4051L6.47696 3.60842C7.02994 3.43503 7.60757 3.33332 8.20182 3.33332Z" fill="#ACB2B9"/>
 </svg>
\ No newline at end of file
diff --git a/frontend/src/modules/common/components/PasswordInput/resources/images/eyeopen.svg b/frontend/src/modules/common/components/PasswordInput/resources/images/eyeopen.svg
index 2ba39d9ec5..f8845307e9 100644
--- a/frontend/src/modules/common/components/PasswordInput/resources/images/eyeopen.svg
+++ b/frontend/src/modules/common/components/PasswordInput/resources/images/eyeopen.svg
@@ -1,3 +1,3 @@
-<svg width="17" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="17" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-cy="eye-open-icon">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17.5C9.24 17.5 7 15.26 7 12.5C7 9.74 9.24 7.5 12 7.5C14.76 7.5 17 9.74 17 12.5C17 15.26 14.76 17.5 12 17.5ZM12 15.5C13.38 15.5 14.5 14.38 14.5 13C14.5 11.62 13.38 10.5 12 10.5C10.62 10.5 9.5 11.62 9.5 13C9.5 14.38 10.62 15.5 12 15.5Z" fill="#ACB2B9"/>
 </svg>
diff --git a/frontend/src/modules/common/components/SSOAuthModule/components/SSOButtonWrapper/SSOButtonWrapper.jsx b/frontend/src/modules/common/components/SSOAuthModule/components/SSOButtonWrapper/SSOButtonWrapper.jsx
index c26bab30a6..4753463d3e 100644
--- a/frontend/src/modules/common/components/SSOAuthModule/components/SSOButtonWrapper/SSOButtonWrapper.jsx
+++ b/frontend/src/modules/common/components/SSOAuthModule/components/SSOButtonWrapper/SSOButtonWrapper.jsx
@@ -3,10 +3,12 @@ import './resources/styles/sso-button-wrapper.styles.scss';
 
 const SSOButtonWrapper = ({ onClick, icon, text, dataCy }) => {
   return (
-    <div className="sso-button-wrapper" data-cy={dataCy}>
-      <button onClick={onClick} className="sso-button">
+    <div className="sso-button-wrapper">
+      <button onClick={onClick} className="sso-button" data-cy={dataCy}>
         <img src={icon} alt={`${text} icon`} className="sso-icon" />
-        <span className="sso-text">{text}</span>
+        <span className="sso-text" data-cy={`${dataCy}-text`}>
+          {text}
+        </span>
       </button>
     </div>
   );
diff --git a/frontend/src/modules/common/components/SubmitButton/SubmitButton.jsx b/frontend/src/modules/common/components/SubmitButton/SubmitButton.jsx
index 141b993b5c..0d5ae79659 100644
--- a/frontend/src/modules/common/components/SubmitButton/SubmitButton.jsx
+++ b/frontend/src/modules/common/components/SubmitButton/SubmitButton.jsx
@@ -8,8 +8,8 @@ import cx from 'classnames';
 const SubmitButton = ({
   onClick = () => {},
   disabled,
-  dataCy,
   buttonText,
+  dataCy = (buttonText || 'Get started for free').toLowerCase().replace(/\s+/g, '-'),
   isLoading,
   darkMode,
   isSignUpButtonDisabled,
@@ -26,7 +26,7 @@ const SubmitButton = ({
         className={classes}
         onClick={onClick}
         disabled={disabled || isLoading}
-        data-cy={dataCy}
+        data-cy={`${dataCy}-button`}
       >
         {isLoading ? (
           <div className="spinner-center">
diff --git a/frontend/src/modules/onboarding/components/OnboardingFormWrapper/OnboardingFormWrapper.jsx b/frontend/src/modules/onboarding/components/OnboardingFormWrapper/OnboardingFormWrapper.jsx
index 73e1acff0f..e2cc130573 100644
--- a/frontend/src/modules/onboarding/components/OnboardingFormWrapper/OnboardingFormWrapper.jsx
+++ b/frontend/src/modules/onboarding/components/OnboardingFormWrapper/OnboardingFormWrapper.jsx
@@ -19,7 +19,7 @@ const OnboardingFormWrapper = ({ children: components }) => {
   }
   return (
     <div>
-      <div className="tooljet-header cursor-pointer" onClick={redirectToLoginPage}>
+      <div className="tooljet-header cursor-pointer" onClick={redirectToLoginPage} data-cy="page-logo">
         <Logo />
       </div>
       {components}
diff --git a/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/SignupSuccessInfo.jsx b/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/SignupSuccessInfo.jsx
index 475ff9f93e..8339d1ced8 100644
--- a/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/SignupSuccessInfo.jsx
+++ b/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/SignupSuccessInfo.jsx
@@ -14,12 +14,16 @@ const SignupSuccessInfo = ({ email, name, backToSignup, organizationId, redirect
       <div className="email-verification-wrapper" style={{ width: '356px' }}>
         <OnboardingUIWrapper>
           <FormHeader>Check your mail</FormHeader>
-          <p className="message">{message}</p>
-          <span className="message">{info}</span>
+          <p className="message" data-cy="onboarding-page-description">
+            {message}
+          </p>
+          <span className="message" data-cy="info-message">
+            {info}
+          </span>
           <SepratorComponent />
           <ResendVerificationEmail email={email} organizationId={organizationId} redirectTo={redirectTo} />
-          <div className="back-to-signup-button" data-cy={'back-to-signup'}>
-            <button onClick={() => backToSignup(email, name)} className="button-parent">
+          <div className="back-to-signup-button">
+            <button onClick={() => backToSignup(email, name)} className="button-parent" data-cy={'back-to-signup'}>
               <span className="button-text">Back to sign up</span>
             </button>
           </div>
diff --git a/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/components/ResendVerificationEmail/ResendVerificationEmail.jsx b/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/components/ResendVerificationEmail/ResendVerificationEmail.jsx
index 8415c7e109..0144513058 100644
--- a/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/components/ResendVerificationEmail/ResendVerificationEmail.jsx
+++ b/frontend/src/modules/onboarding/pages/SignupPage/components/SignupSuccessInfo/components/ResendVerificationEmail/ResendVerificationEmail.jsx
@@ -32,11 +32,12 @@ const ResendVerificationEmail = ({ email, organizationId, redirectTo }) => {
     return () => clearTimeout(timer);
   }, [countdown]);
   return (
-    <div className="back-to-signup-button" data-cy={'resend-verification'}>
+    <div className="back-to-signup-button">
       <button
         onClick={handleResend}
         className={cx('button-parent', { disabled: isResendDisabled })}
         disabled={isResendDisabled}
+        data-cy={'resend-verification-email-button'}
       >
         <span className="button-text">
           {isResendDisabled ? `Resend verification email in ${countdown}s` : 'Resend verification email'}
diff --git a/server/.version b/server/.version
index a35c54823f..49b32b2c1c 100644
--- a/server/.version
+++ b/server/.version
@@ -1 +1 @@
-3.0.5-ce
+3.1.1-ce
diff --git a/server/src/helpers/utils.helper.ts b/server/src/helpers/utils.helper.ts
index cb9cadc6f4..3c6d784fed 100644
--- a/server/src/helpers/utils.helper.ts
+++ b/server/src/helpers/utils.helper.ts
@@ -481,4 +481,4 @@ export const getSubpath = () => {
     }
   }
   return subpath;
-};
\ No newline at end of file
+};
diff --git a/server/src/helpers/widget-config/container.js b/server/src/helpers/widget-config/container.js
index 32d4158ffc..ed0ba5537e 100644
--- a/server/src/helpers/widget-config/container.js
+++ b/server/src/helpers/widget-config/container.js
@@ -15,6 +15,33 @@ export const containerConfig = {
     loadingState: {
       type: 'toggle',
       displayName: 'Loading state',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+    },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: true,
+      },
+    },
+    disabledState: {
+      type: 'toggle',
+      displayName: 'Disable',
+      section: 'additionalActions',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+    },
+    showHeader: {
+      type: 'toggle',
+      displayName: 'Show header',
       validation: {
         schema: { type: 'boolean' },
         defaultValue: false,
@@ -25,12 +52,29 @@ export const containerConfig = {
   styles: {
     backgroundColor: {
       type: 'color',
-      displayName: 'Background color',
+      displayName: 'Background',
       validation: {
         schema: { type: 'string' },
         defaultValue: '#fff',
       },
     },
+    headerBackgroundColor: {
+      type: 'color',
+      displayName: 'Header',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: '#fff',
+      },
+    },
+    headerHeight: {
+      type: 'numberInput',
+      displayName: 'Header height',
+      validation: {
+        schema: { type: 'number' },
+        defaultValue: 80,
+      },
+      accordian: 'field',
+    },
     borderRadius: {
       type: 'code',
       displayName: 'Border radius',
@@ -50,40 +94,67 @@ export const containerConfig = {
         defaultValue: '#fff',
       },
     },
-    visibility: {
-      type: 'toggle',
-      displayName: 'Visibility',
-      validation: {
-        schema: { type: 'boolean' },
-        defaultValue: true,
-      },
-    },
-    disabledState: {
-      type: 'toggle',
-      displayName: 'Disable',
-      validation: {
-        schema: { type: 'boolean' },
-      },
-      defaultValue: false,
-    },
   },
-  exposedVariables: {},
+
+  defaultChildren: [
+    {
+      componentName: 'Text',
+      layout: {
+        top: 20,
+        left: 1,
+        height: 40,
+      },
+      displayName: 'ContainerText',
+      properties: ['text'],
+      accessorKey: 'text',
+      styles: ['fontWeight', 'textSize', 'textColor'],
+      defaultValue: {
+        text: 'Container title',
+        fontWeight: 'bold',
+        textSize: 16,
+        textColor: '#000',
+      },
+    },
+  ],
+  exposedVariables: {
+    isVisible: true,
+    isDisabled: false,
+    isLoading: false,
+  },
+  actions: [
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: '{{false}}', type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
       showOnMobile: { value: '{{false}}' },
     },
     properties: {
-      visible: { value: '{{true}}' },
       loadingState: { value: `{{false}}` },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
     },
     events: [],
     styles: {
       backgroundColor: { value: '#fff' },
+      headerBackgroundColor: { value: '#fff' },
       borderRadius: { value: '4' },
       borderColor: { value: '#fff' },
-      visibility: { value: '{{true}}' },
-      disabledState: { value: '{{false}}' },
+      headerHeight: { value: `80`, },
     },
   },
 };
diff --git a/server/src/helpers/widget-config/index.js b/server/src/helpers/widget-config/index.js
index 54a6964eff..1482001a4b 100644
--- a/server/src/helpers/widget-config/index.js
+++ b/server/src/helpers/widget-config/index.js
@@ -9,6 +9,7 @@ import { passinputConfig } from './passwordinput';
 import { datepickerConfig } from './datepicker';
 import { checkboxConfig } from './checkbox';
 import { radiobuttonConfig } from './radiobutton';
+import { radiobuttonV2Config } from './radioButtonV2';
 import { toggleswitchConfig } from './toggleswitch';
 import { toggleSwitchV2Config } from './toggleswitchv2';
 import { textareaConfig } from './textarea';
@@ -65,7 +66,8 @@ const widgets = {
   passinputConfig,
   datepickerConfig,
   checkboxConfig,
-  radiobuttonConfig,
+  radiobuttonConfig, //!Depreciated
+  radiobuttonV2Config,
   toggleswitchConfig, //!Depreciated
   toggleSwitchV2Config,
   textareaConfig,
diff --git a/server/src/helpers/widget-config/numberinput.js b/server/src/helpers/widget-config/numberinput.js
index ba7f2bc227..b0f72e6d81 100644
--- a/server/src/helpers/widget-config/numberinput.js
+++ b/server/src/helpers/widget-config/numberinput.js
@@ -236,7 +236,7 @@ export const numberinputConfig = {
     },
   ],
   exposedVariables: {
-    value: 99,
+    value: 0,
     isMandatory: false,
     isVisible: true,
     isDisabled: false,
diff --git a/server/src/helpers/widget-config/radioButtonV2.js b/server/src/helpers/widget-config/radioButtonV2.js
new file mode 100644
index 0000000000..2ff6ca6c7c
--- /dev/null
+++ b/server/src/helpers/widget-config/radioButtonV2.js
@@ -0,0 +1,295 @@
+export const radiobuttonV2Config = {
+  name: 'RadioButton',
+  displayName: 'Radio Button',
+  description: 'Select one from multiple choices',
+  component: 'RadioButtonV2',
+  defaultSize: {
+    width: 12,
+    height: 43,
+  },
+  others: {
+    showOnDesktop: { type: 'toggle', displayName: 'Show on desktop' },
+    showOnMobile: { type: 'toggle', displayName: 'Show on mobile' },
+  },
+  validation: {
+    customRule: {
+      type: 'code',
+      displayName: 'Custom validation',
+      placeholder: `{{components.text2.text=='yes'&&'valid'}}`,
+    },
+    mandatory: { type: 'toggle', displayName: 'Make this field mandatory' },
+  },
+  properties: {
+    label: {
+      type: 'code',
+      displayName: 'Label',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Select',
+      },
+      accordian: 'Data',
+    },
+    advanced: {
+      type: 'toggle',
+      displayName: 'Dynamic options',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    schema: {
+      type: 'code',
+      displayName: 'Schema',
+      conditionallyRender: {
+        key: 'advanced',
+        value: true,
+      },
+      accordian: 'Options',
+    },
+    optionsLoadingState: {
+      type: 'toggle',
+      displayName: 'Options loading state',
+      validation: {
+        schema: { type: 'boolean' },
+      },
+      accordian: 'Options',
+    },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Loading state',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    visibility: {
+      type: 'toggle',
+      displayName: 'Visibility',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+
+      section: 'additionalActions',
+    },
+    disabledState: {
+      type: 'toggle',
+      displayName: 'Disable',
+      validation: { schema: { type: 'boolean' }, defaultValue: true },
+      section: 'additionalActions',
+    },
+    tooltip: {
+      type: 'code',
+      displayName: 'Tooltip',
+      validation: {
+        schema: { type: 'string' },
+        defaultValue: 'Enter tooltip text',
+      },
+      section: 'additionalActions',
+      placeholder: 'Enter tooltip text',
+    },
+  },
+  events: {
+    onSelectionChange: { displayName: 'On select' },
+  },
+  styles: {
+    labelColor: {
+      type: 'color',
+      displayName: 'Color',
+      validation: { schema: { type: 'string' }, defaultValue: '#1B1F24' },
+      accordian: 'label',
+    },
+    alignment: {
+      type: 'switch',
+      displayName: 'Alignment',
+      validation: { schema: { type: 'string' }, defaultValue: 'side' },
+      options: [
+        { displayName: 'Side', value: 'side' },
+        { displayName: 'Top', value: 'top' },
+      ],
+      accordian: 'label',
+    },
+    direction: {
+      type: 'switch',
+      displayName: 'Direction',
+      validation: { schema: { type: 'string' }, defaultValue: 'left' },
+      showLabel: false,
+      isIcon: true,
+      options: [
+        { displayName: 'alignleftinspector', value: 'left', iconName: 'alignleftinspector' },
+        { displayName: 'alignrightinspector', value: 'right', iconName: 'alignrightinspector' },
+      ],
+      accordian: 'label',
+    },
+    labelWidth: {
+      type: 'slider',
+      displayName: 'Width',
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    auto: {
+      type: 'checkbox',
+      displayName: 'auto',
+      showLabel: false,
+      validation: { schema: { type: 'boolean' } },
+      accordian: 'label',
+      conditionallyRender: {
+        key: 'alignment',
+        value: 'side',
+      },
+      isFxNotRequired: true,
+    },
+    borderColor: {
+      type: 'color',
+      displayName: 'Border',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    switchOnBackgroundColor: {
+      type: 'color',
+      displayName: 'Checked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Checked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    switchOffBackgroundColor: {
+      type: 'color',
+      displayName: 'Unchecked background',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+      tip: 'Unchecked background',
+      tooltipStyle: {},
+      tooltipPlacement: 'bottom',
+    },
+    handleColor: {
+      type: 'color',
+      displayName: 'Handle color',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    optionsTextColor: {
+      type: 'color',
+      displayName: 'Text',
+      validation: {
+        schema: { type: 'string' },
+      },
+      accordian: 'switch',
+    },
+    padding: {
+      type: 'switch',
+      displayName: 'Padding',
+      validation: {
+        schema: { type: 'union', schemas: [{ type: 'string' }, { type: 'number' }] },
+        defaultValue: 'default',
+      },
+      isFxNotRequired: true,
+      options: [
+        { displayName: 'Default', value: 'default' },
+        { displayName: 'None', value: 'none' },
+      ],
+      accordian: 'container',
+    },
+  },
+  actions: [
+    {
+      handle: 'selectOption',
+      displayName: 'Select option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'deselectOption',
+      displayName: 'Deselect option',
+      params: [{ handle: 'option', displayName: 'Option' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
+  exposedVariables: {
+    label: 'Select',
+  },
+  definition: {
+    others: {
+      showOnDesktop: { value: '{{true}}' },
+      showOnMobile: { value: '{{false}}' },
+    },
+    validation: {
+      mandatory: { value: '{{false}}' },
+    },
+    properties: {
+      label: { value: 'Select' },
+      value: { value: '{{"2"}}' },
+      advanced: { value: `{{false}}` },
+      options: {
+        value: [
+          {
+            label: 'option1',
+            value: '1',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+          {
+            label: 'option2',
+            value: '2',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: true },
+          },
+          {
+            label: 'option3',
+            value: '3',
+            disable: { value: false },
+            visible: { value: true },
+            default: { value: false },
+          },
+        ],
+      },
+      visibility: { value: '{{true}}' },
+      disabledState: { value: '{{false}}' },
+      loadingState: { value: '{{false}}' },
+      optionsLoadingState: { value: '{{false}}' },
+      optionVisibility: { value: '{{[true, true, true]}}' },
+      optionDisable: { value: '{{[false, false, false]}}' },
+      schema: {
+        value:
+          "{{[\t{label: 'option1',value: '1',disable: false,visible: true,default: true},{label: 'option2',value: '2',disable: false,visible: true},{label: 'option3',value: '3',disable: false,visible: true}\t]}}",
+      },
+    },
+    events: [],
+    styles: {
+      labelColor: { value: '#11181C' },
+      direction: { value: 'left' },
+      alignment: { value: 'side' },
+      auto: { value: '{{false}}' },
+      labelWidth: { value: '20' },
+      borderColor: { value: '#FFFFFF' },
+      switchOffBackgroundColor: { value: '#FFFFFF' },
+      switchOnBackgroundColor: { value: '#4368E3' },
+      handleColor: { value: '#FFFFFF' },
+      optionsTextColor: { value: '#11181C' },
+      padding: { value: 'default' },
+    },
+  },
+};
diff --git a/server/src/helpers/widget-config/richtextarea.js b/server/src/helpers/widget-config/richtextarea.js
index eacee66529..c964d53d6b 100644
--- a/server/src/helpers/widget-config/richtextarea.js
+++ b/server/src/helpers/widget-config/richtextarea.js
@@ -28,6 +28,15 @@ export const richtextareaConfig = {
         defaultValue: 'Default text',
       },
     },
+    loadingState: {
+      type: 'toggle',
+      displayName: 'Show loading state',
+      validation: {
+        schema: { type: 'boolean' },
+        defaultValue: false,
+      },
+      section: 'additionalActions',
+    },
   },
   events: {},
   styles: {
@@ -55,6 +64,28 @@ export const richtextareaConfig = {
   exposedVariables: {
     value: '',
   },
+  actions: [
+    {
+      handle: 'setValue',
+      displayName: 'Set value',
+      params: [{ handle: 'value', displayName: 'Value', defaultValue: 'New text' }],
+    },
+    {
+      handle: 'setDisable',
+      displayName: 'Set disable',
+      params: [{ handle: 'setDisable', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setVisibility',
+      displayName: 'Set visibility',
+      params: [{ handle: 'setVisibility', displayName: 'Value', defaultValue: `{{true}}`, type: 'toggle' }],
+    },
+    {
+      handle: 'setLoading',
+      displayName: 'Set loading',
+      params: [{ handle: 'setLoading', displayName: 'Value', defaultValue: `{{false}}`, type: 'toggle' }],
+    },
+  ],
   definition: {
     others: {
       showOnDesktop: { value: '{{true}}' },
@@ -63,6 +94,7 @@ export const richtextareaConfig = {
     properties: {
       placeholder: { value: 'Placeholder text' },
       defaultValue: { value: '' },
+      loadingState: { value: `{{false}}` },
     },
     events: [],
     styles: {
diff --git a/server/src/helpers/widget-config/table.js b/server/src/helpers/widget-config/table.js
index eb08ac88c8..735feccbc7 100644
--- a/server/src/helpers/widget-config/table.js
+++ b/server/src/helpers/widget-config/table.js
@@ -289,6 +289,7 @@ export const tableConfig = {
     onCellValueChanged: { displayName: 'Cell value changed' },
     onFilterChanged: { displayName: 'Filter changed' },
     onNewRowsAdded: { displayName: 'Add new rows' },
+    onTableDataDownload: { displayName: 'Download data' },
   },
   styles: {
     textColor: {
@@ -310,6 +311,16 @@ export const tableConfig = {
         { displayName: 'Wrap', value: 'wrap' },
       ],
     },
+    headerCasing: {
+      type: 'switch',
+      displayName: 'Header casing',
+      validation: { schema: { type: 'string' } },
+      accordian: 'Data',
+      options: [
+        { displayName: 'AA', value: 'uppercase' },
+        { displayName: 'As typed', value: 'none' },
+      ],
+    },
     tableType: {
       type: 'select',
       displayName: 'Row style',
@@ -530,6 +541,7 @@ export const tableConfig = {
         value: [
           {
             name: 'id',
+            key: 'id',
             id: 'e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737',
             autogenerated: true,
             fxActiveFields: [],
@@ -549,6 +561,7 @@ export const tableConfig = {
           },
           {
             name: 'name',
+            key: 'name',
             id: '5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a',
             autogenerated: true,
             fxActiveFields: [],
@@ -557,6 +570,7 @@ export const tableConfig = {
           },
           {
             name: 'email',
+            key: 'email',
             id: 'afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f',
             autogenerated: true,
             fxActiveFields: [],
@@ -565,6 +579,7 @@ export const tableConfig = {
           },
           {
             name: 'date',
+            key: 'date',
             id: '27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc',
             autogenerated: true,
             fxActiveFields: [],
@@ -577,6 +592,7 @@ export const tableConfig = {
           },
           {
             name: 'phone',
+            key: 'phone',
             id: '9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56',
             autogenerated: true,
             fxActiveFields: [],
@@ -653,6 +669,7 @@ export const tableConfig = {
     styles: {
       textColor: { value: '#000' },
       columnHeaderWrap: { value: 'fixed' },
+      headerCasing: { value: 'uppercase' },
       actionButtonRadius: { value: '0' },
       cellSize: { value: 'regular' },
       borderRadius: { value: '8' },
diff --git a/server/templates/advanced-data-visualization/definition.json b/server/templates/advanced-data-visualization/definition.json
new file mode 100644
index 0000000000..544f7f48c1
--- /dev/null
+++ b/server/templates/advanced-data-visualization/definition.json
@@ -0,0 +1,1597 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "4415bf47-64bf-451b-8b07-ab85b35f59f3",
+          "name": "Advanced data visualization",
+          "slug": "4415bf47-64bf-451b-8b07-ab85b35f59f3",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "draghandle",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-07T19:46:57.752Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-07T19:46:58.399Z",
+          "editingVersion": {
+            "id": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+            "appId": "4415bf47-64bf-451b-8b07-ab85b35f59f3",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-07T19:46:57.774Z",
+            "updatedAt": "2024-06-07T20:51:52.534Z"
+          },
+          "components": [
+            {
+              "id": "e4c2d892-34d9-4b18-b92f-faa6f06a5990",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "This app uses weather data from <a href=\"https://open-meteo.com/\">Open-Meteo</a> and is intended for non-commercial purposes only. For commercial use, please visit their <a href=\"https://open-meteo.com/en/pricing\">pricing</a> page."
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "center"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "cf6fb7d4-d573-4673-9b2a-5ca62d00c166",
+                  "type": "desktop",
+                  "top": 1510,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "e4c2d892-34d9-4b18-b92f-faa6f06a5990",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "72bbcd13-4b33-4b55-adc1-d0803973066e",
+                  "type": "mobile",
+                  "top": 1510,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e4c2d892-34d9-4b18-b92f-faa6f06a5990",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "58f3dce2-58c8-43a6-98cf-bca3c236342b",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Location 2"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "textIndent": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T20:50:01.192Z",
+              "layouts": [
+                {
+                  "id": "21f54b2a-f4de-4a19-a9ee-954de112fcfc",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "58f3dce2-58c8-43a6-98cf-bca3c236342b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "fc0e5f87-a91f-42fd-8f48-41cd9825623d",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 23,
+                  "width": 19,
+                  "height": 50,
+                  "componentId": "58f3dce2-58c8-43a6-98cf-bca3c236342b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "13ab9806-2209-47d3-b6d8-a4e55940e8db",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Location 1"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "textIndent": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T20:50:12.377Z",
+              "layouts": [
+                {
+                  "id": "c855b30c-2f39-40c4-8843-604579c5ac25",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 19,
+                  "height": 50,
+                  "componentId": "13ab9806-2209-47d3-b6d8-a4e55940e8db",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "b791fb69-f0bf-4d0d-aaf7-d9faf7e3356d",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "13ab9806-2209-47d3-b6d8-a4e55940e8db",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "a73e8ccb-83df-4b74-a8b5-420ddda7adcf",
+              "name": "chart1",
+              "type": "Chart",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": ""
+                },
+                "plotFromJson": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getWeather1.isLoading}}",
+                  "fxActive": true
+                },
+                "jsonDescription": {
+                  "value": "{{JSON.stringify(queries.getWeather1.data.heatmapData)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "padding": {
+                  "value": "10"
+                },
+                "borderRadius": {
+                  "value": "{{0}}",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "fef4215f-7722-4686-a9fb-c70782a2082a",
+                  "type": "desktop",
+                  "top": 480,
+                  "left": 1,
+                  "width": 20,
+                  "height": 280,
+                  "componentId": "a73e8ccb-83df-4b74-a8b5-420ddda7adcf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "d7988c85-3f6b-4355-b8f2-2351a0e2a906",
+                  "type": "mobile",
+                  "top": 750,
+                  "left": 0,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "a73e8ccb-83df-4b74-a8b5-420ddda7adcf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "472d29d1-d28e-4463-bb9d-00147e5dff10",
+              "name": "chart3",
+              "type": "Chart",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": ""
+                },
+                "plotFromJson": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getWeather2.isLoading}}",
+                  "fxActive": true
+                },
+                "jsonDescription": {
+                  "value": "{{JSON.stringify(queries.getWeather2.data.heatmapData)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "padding": {
+                  "value": "10"
+                },
+                "borderRadius": {
+                  "value": "{{0}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "d7f241ce-6a9f-4850-93f8-6817cf0e3ec7",
+                  "type": "mobile",
+                  "top": 750,
+                  "left": 0,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "472d29d1-d28e-4463-bb9d-00147e5dff10",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "0f4ee36f-87b7-4309-891d-a068537ff6d9",
+                  "type": "desktop",
+                  "top": 480,
+                  "left": 22,
+                  "width": 20,
+                  "height": 280,
+                  "componentId": "472d29d1-d28e-4463-bb9d-00147e5dff10",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "c24beffc-2911-45b0-9e9f-6f5c887f82ab",
+              "name": "chart4",
+              "type": "Chart",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": ""
+                },
+                "plotFromJson": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getWeather2.isLoading}}",
+                  "fxActive": true
+                },
+                "jsonDescription": {
+                  "value": "{{JSON.stringify(queries.getWeather2.data.contourData)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "padding": {
+                  "value": "10"
+                },
+                "borderRadius": {
+                  "value": "{{0}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "9e8c8b60-a666-4db1-a5e8-6664acad0872",
+                  "type": "mobile",
+                  "top": 560,
+                  "left": 0,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "c24beffc-2911-45b0-9e9f-6f5c887f82ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "7ed3e348-187c-45f0-9c5f-a5e0a0834b01",
+                  "type": "desktop",
+                  "top": 760,
+                  "left": 22,
+                  "width": 20,
+                  "height": 280,
+                  "componentId": "c24beffc-2911-45b0-9e9f-6f5c887f82ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "7128840e-5234-4547-91db-621a285e8070",
+              "name": "chart5",
+              "type": "Chart",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "data": {
+                  "value": "{{queries.runjs1.data}}"
+                },
+                "plotFromJson": {
+                  "value": "{{true}}"
+                },
+                "jsonDescription": {
+                  "value": "{{JSON.stringify({\n  data: [\n    queries.getWeather1.data.lineChartData,\n    queries.getWeather2.data.lineChartData,\n  ],\n})}}"
+                },
+                "barmode": {
+                  "value": "relative"
+                },
+                "title": {
+                  "value": ""
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getWeather1.isLoading || queries.getWeather2.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "padding": {
+                  "value": "30"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T20:04:35.182Z",
+              "layouts": [
+                {
+                  "id": "4614026d-ce2d-4364-a177-76888782c1f2",
+                  "type": "mobile",
+                  "top": 930,
+                  "left": 7,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "7128840e-5234-4547-91db-621a285e8070",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "da1bc852-bcdd-43cf-83fd-83a39e201d79",
+                  "type": "desktop",
+                  "top": 1110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 400,
+                  "componentId": "7128840e-5234-4547-91db-621a285e8070",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "d1be5020-b419-4b8a-8f5e-340d17566121",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": "8c70d43e-986f-4e2b-a59c-8769d62d4185",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Advanced data visualization</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "3ff50250-6335-4275-b60d-93b05ba84444",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 23,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "d1be5020-b419-4b8a-8f5e-340d17566121",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "511902c7-2d34-4f80-be30-e10b50cf7e4b",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": "8c70d43e-986f-4e2b-a59c-8769d62d4185",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "72ac631b-d68b-4610-a284-662f410b1dc9",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "511902c7-2d34-4f80-be30-e10b50cf7e4b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "8c70d43e-986f-4e2b-a59c-8769d62d4185",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "f821bba5-4bb4-4b31-bd50-82ca53eb1c1b",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 70,
+                  "componentId": "8c70d43e-986f-4e2b-a59c-8769d62d4185",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "c48f477b-2493-4603-82b1-d8434f5e803f",
+              "name": "map2",
+              "type": "Map",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "initialLocation": {
+                  "value": "{{({\n  lat: 48.8575475,\n  lng: 2.3513765,\n})}}"
+                },
+                "defaultMarkers": {
+                  "value": "{{ [] }}"
+                },
+                "polygonPoints": {
+                  "value": "{{ [] }}"
+                },
+                "addNewMarkers": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "bcfb3bbb-b747-4abf-941f-3896eb5155cb",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 16,
+                  "height": 420,
+                  "componentId": "c48f477b-2493-4603-82b1-d8434f5e803f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "6333c277-2cb3-4c41-aa47-a25bb5dcbaa0",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 22,
+                  "width": 20,
+                  "height": 270,
+                  "componentId": "c48f477b-2493-4603-82b1-d8434f5e803f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "bc118f0f-dae5-4504-9608-5666401c97a2",
+              "name": "map1",
+              "type": "Map",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "initialLocation": {
+                  "value": "{{({\n  lat: 51.5072178,\n  lng: -0.1275862,\n})}}"
+                },
+                "defaultMarkers": {
+                  "value": "{{ [] }}"
+                },
+                "polygonPoints": {
+                  "value": "{{ [] }}"
+                },
+                "addNewMarkers": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "0dabc22d-984e-41d8-b8fd-71d74193e5dc",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 1,
+                  "width": 20,
+                  "height": 270,
+                  "componentId": "bc118f0f-dae5-4504-9608-5666401c97a2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "8ba4c246-9281-4500-a782-508887f9b1ed",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 16,
+                  "height": 420,
+                  "componentId": "bc118f0f-dae5-4504-9608-5666401c97a2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "a0a3bd25-55ff-4078-9040-741fadffc29c",
+              "name": "chart2",
+              "type": "Chart",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": ""
+                },
+                "plotFromJson": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getWeather1.isLoading}}"
+                },
+                "jsonDescription": {
+                  "value": "{{JSON.stringify(queries.getWeather1.data.contourData)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "padding": {
+                  "value": "10"
+                },
+                "borderRadius": {
+                  "value": "{{0}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z",
+              "layouts": [
+                {
+                  "id": "e1cd983e-b1bb-473e-84c7-9815f8e179b3",
+                  "type": "desktop",
+                  "top": 760,
+                  "left": 1,
+                  "width": 20,
+                  "height": 280,
+                  "componentId": "a0a3bd25-55ff-4078-9040-741fadffc29c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "72dfdd97-d45b-45ce-82e8-9e1d8cb211f0",
+                  "type": "mobile",
+                  "top": 560,
+                  "left": 0,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "a0a3bd25-55ff-4078-9040-741fadffc29c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "857d041a-6b67-4748-bffb-0f362f9aa959",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "7-day GMT forecast comparison between Location 1 & Location 2"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:53:26.817Z",
+              "layouts": [
+                {
+                  "id": "63f89e70-b93e-4f10-87d1-a8e9154b2ad7",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "857d041a-6b67-4748-bffb-0f362f9aa959",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "632a7830-4695-4390-8c25-0680f28edd3e",
+                  "type": "desktop",
+                  "top": 1070,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "857d041a-6b67-4748-bffb-0f362f9aa959",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "57f40783-ca5e-40be-b670-4e7fe7e8f606",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "7-day GMT forecast for Location 1"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "left"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:53:11.685Z",
+              "layouts": [
+                {
+                  "id": "1ee478a7-ff6d-4432-82dd-9b73a1f808c2",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "57f40783-ca5e-40be-b670-4e7fe7e8f606",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "007fb09a-2d31-4a79-b48e-7b55a53ad133",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "57f40783-ca5e-40be-b670-4e7fe7e8f606",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "34b4bdce-dd4f-40c1-8541-eb4630f9fa98",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "7-day GMT forecast for Location 2"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "left"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:53:18.904Z",
+              "layouts": [
+                {
+                  "id": "445358ba-5872-4ea1-9e4b-dbb34a253752",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "34b4bdce-dd4f-40c1-8541-eb4630f9fa98",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "d62b5a7d-b48b-410a-98e7-9cafaf5c1924",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 22,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "34b4bdce-dd4f-40c1-8541-eb4630f9fa98",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "3627dd62-631c-4361-aec3-1697ffaa53fc",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "icon": {
+                  "value": "IconExternalLink"
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "styles": {
+                "iconColor": {
+                  "value": "#1471dbff"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T20:45:35.559Z",
+              "updatedAt": "2024-06-07T20:51:52.527Z",
+              "layouts": [
+                {
+                  "id": "6d018bbb-07de-4cd8-bb5f-5e000b13e7cf",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 19,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "3627dd62-631c-4361-aec3-1697ffaa53fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "975f6d9f-a0b4-4c62-94b6-bf167921c602",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 1,
+                  "width": 1,
+                  "height": 30,
+                  "componentId": "3627dd62-631c-4361-aec3-1697ffaa53fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            },
+            {
+              "id": "e2de2566-014d-4d7c-bfae-6f5997659620",
+              "name": "icon2",
+              "type": "Icon",
+              "pageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "parent": null,
+              "properties": {
+                "icon": {
+                  "value": "IconExternalLink"
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "styles": {
+                "iconColor": {
+                  "value": "#1471dbff"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-07T20:49:23.606Z",
+              "updatedAt": "2024-06-07T20:51:44.301Z",
+              "layouts": [
+                {
+                  "id": "c7655c73-60ae-4439-a33d-f498d4d85084",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 22,
+                  "width": 1,
+                  "height": 30,
+                  "componentId": "e2de2566-014d-4d7c-bfae-6f5997659620",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                },
+                {
+                  "id": "1e1d2e4b-e92a-4878-a20a-3621c82a843b",
+                  "type": "mobile",
+                  "top": 138,
+                  "left": 19,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "e2de2566-014d-4d7c-bfae-6f5997659620",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T12:17:19.077Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-12-03T01:10:32.855Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "b15eeb6c-4247-4064-ba89-02f0e16b7262",
+              "name": "onBoundsChange",
+              "index": 0,
+              "event": {
+                "eventId": "onBoundsChange",
+                "message": "Hello world!",
+                "queryId": "3201faff-cf4a-4377-918c-599deb49cadb",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getWeather2",
+                "parameters": {}
+              },
+              "sourceId": "c48f477b-2493-4603-82b1-d8434f5e803f",
+              "target": "component",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:58.247Z"
+            },
+            {
+              "id": "1f262626-aa63-4601-8e45-d2776c37903c",
+              "name": "onBoundsChange",
+              "index": 0,
+              "event": {
+                "eventId": "onBoundsChange",
+                "message": "Hello world!",
+                "queryId": "3f9428df-4a38-4fa6-9fa8-fb1442ac2d7b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getWeather1",
+                "parameters": {}
+              },
+              "sourceId": "bc118f0f-dae5-4504-9608-5666401c97a2",
+              "target": "component",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:58.202Z"
+            },
+            {
+              "id": "8b65dc7c-8fbc-422e-b305-3883b35e0d87",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "url": "{{components.map1.center.googleMapUrl}}",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "open-webpage",
+                "alertType": "info"
+              },
+              "sourceId": "3627dd62-631c-4361-aec3-1697ffaa53fc",
+              "target": "component",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T20:48:39.782Z",
+              "updatedAt": "2024-06-07T20:49:00.188Z"
+            },
+            {
+              "id": "e62bffda-a1c4-45e4-b7fe-2353b97ceeb8",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "url": "{{components.map2.center.googleMapUrl}}",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "open-webpage",
+                "alertType": "info"
+              },
+              "sourceId": "e2de2566-014d-4d7c-bfae-6f5997659620",
+              "target": "component",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T20:49:25.575Z",
+              "updatedAt": "2024-06-07T20:49:42.804Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "3201faff-cf4a-4377-918c-599deb49cadb",
+              "name": "getWeather2",
+              "options": {
+                "method": "get",
+                "url": "{{`https://api.open-meteo.com/v1/forecast?latitude=${components.map2.center.lat || 48.8575475}&longitude=${components.map2.center.lng || 2.3513765}&hourly=temperature_2m&forecast_days=7`}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": null,
+                "body_toggle": false,
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "transformation": "const chartData = {\n  z: [],\n  x: [],\n  y: [],\n  name: \"Location 2\",\n  hovertemplate: \"%{y}, %{x} (%{z} ℃)\",\n  type: \"heatmap\",\n};\n\nconst dates = [];\nconst times = [];\nconst temperatures = data.hourly.temperature_2m;\n\ndata.hourly.time.forEach((timestamp) => {\n  const momentObj = moment(timestamp);\n  const date = momentObj.format(\"DD MMM\");\n  const time = momentObj.format(\"HH:00\");\n\n  if (!dates.includes(date)) {\n    dates.push(date);\n  }\n  if (!times.includes(time)) {\n    times.push(time);\n  }\n});\n\nconst chunkSize = 24;\nfor (let i = 0; i < temperatures.length; i += chunkSize) {\n  const chunk = temperatures.slice(i, i + chunkSize);\n  chartData.z.push(chunk);\n}\n\nchartData.y = dates;\nchartData.x = times;\n\nconst heatmapData = { data: [{ ...chartData, type: \"heatmap\" }] };\nconst contourData = { data: [{ ...chartData, type: \"contour\" }] };\nconst lineChartData = {\n  x: data.hourly.time,\n  y: data.hourly.temperature_2m,\n  type: \"scatter\",\n  hovertemplate: \"%{x} (%{y} ℃)\",\n  name: \"Location 2\",\n};\n\nreturn { heatmapData, contourData, lineChartData };",
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-12-03T01:12:10.010Z"
+            },
+            {
+              "id": "d475a38f-0dd2-40c2-a9b2-ecc6923c1288",
+              "name": "Readme",
+              "options": {
+                "code": "/****************\n\n####\tAttribution and Usage Notice\n\nThis app utilizes weather data provided by Open-Meteo (https://open-meteo.com/). Please note that the usage of Open-Meteo's API for commercial purposes is not free.\n\n####\tNon-Commercial Use Only\n\nThis app is intended for non-commercial use only. If you intend to use this app for commercial purposes, please visit their pricing page (https://open-meteo.com/en/pricing) to select a plan and obtain your own API key.\n\nThank you for your understanding and compliance.\n\n****************/",
+                "parameters": []
+              },
+              "dataSourceId": "8deac0c7-d616-411c-a06c-73a0fb14fe49",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-06-07T19:46:57.782Z"
+            },
+            {
+              "id": "3f9428df-4a38-4fa6-9fa8-fb1442ac2d7b",
+              "name": "getWeather1",
+              "options": {
+                "method": "get",
+                "url": "{{`https://api.open-meteo.com/v1/forecast?latitude=${components.map1.center.lat || 51.5072178}&longitude=${components.map1.center.lng || -0.1275862}&hourly=temperature_2m&forecast_days=7`}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": null,
+                "body_toggle": false,
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "transformation": "const chartData = {\n  z: [],\n  x: [],\n  y: [],\n  name: \"Location 1\",\n  hovertemplate: \"%{y}, %{x} (%{z} ℃)\",\n  type: \"heatmap\",\n};\n\nconst dates = [];\nconst times = [];\nconst temperatures = data.hourly.temperature_2m;\n\ndata.hourly.time.forEach((timestamp) => {\n  const momentObj = moment(timestamp);\n  const date = momentObj.format(\"DD MMM\");\n  const time = momentObj.format(\"HH:00\");\n\n  if (!dates.includes(date)) {\n    dates.push(date);\n  }\n  if (!times.includes(time)) {\n    times.push(time);\n  }\n});\n\nconst chunkSize = 24;\nfor (let i = 0; i < temperatures.length; i += chunkSize) {\n  const chunk = temperatures.slice(i, i + chunkSize);\n  chartData.z.push(chunk);\n}\n\nchartData.y = dates;\nchartData.x = times;\n\nconst heatmapData = { data: [{ ...chartData, type: \"heatmap\" }] };\nconst contourData = { data: [{ ...chartData, type: \"contour\" }] };\nconst lineChartData = {\n  x: data.hourly.time,\n  y: data.hourly.temperature_2m,\n  type: \"scatter\",\n  hovertemplate: \"%{x} (%{y} ℃)\",\n  name: \"Location 1\",\n};\n\nreturn { heatmapData, contourData, lineChartData };",
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "createdAt": "2024-06-07T19:46:57.782Z",
+              "updatedAt": "2024-12-03T01:12:07.952Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-07T19:46:57.789Z",
+              "updatedAt": "2024-06-07T19:46:57.789Z"
+            },
+            {
+              "id": "8deac0c7-d616-411c-a06c-73a0fb14fe49",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-07T19:46:57.802Z",
+              "updatedAt": "2024-06-07T19:46:57.802Z"
+            },
+            {
+              "id": "49282908-e2d7-4e21-b92b-a01fc3ae58be",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-07T19:46:57.811Z",
+              "updatedAt": "2024-06-07T19:46:57.811Z"
+            },
+            {
+              "id": "3ea878ea-1f26-4bc1-99fd-b6a02c2ec262",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-07T19:46:57.822Z",
+              "updatedAt": "2024-06-07T19:46:57.822Z"
+            },
+            {
+              "id": "1629f8bb-2508-45a2-9784-364c4e508053",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-07T19:46:57.838Z",
+              "updatedAt": "2024-06-07T19:46:57.838Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "2727e142-9c8f-498b-b7c7-90cc5f405869",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "a43de4eb-81fc-421d-b354-d1f526547de3",
+              "appId": "4415bf47-64bf-451b-8b07-ab85b35f59f3",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-07T19:46:57.774Z",
+              "updatedAt": "2024-06-07T20:51:52.534Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "3e8688b8-fa35-439d-9546-51083bdc84c0",
+              "dataSourceId": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.798Z",
+              "updatedAt": "2024-06-07T19:46:57.798Z"
+            },
+            {
+              "id": "be97450a-884a-4385-a864-f41ee6910088",
+              "dataSourceId": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.798Z",
+              "updatedAt": "2024-06-07T19:46:57.798Z"
+            },
+            {
+              "id": "12060985-193c-4f1b-be09-e0a57c97f774",
+              "dataSourceId": "972accba-a33c-4860-848a-8ecf72d8fa70",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.798Z",
+              "updatedAt": "2024-06-07T19:46:57.798Z"
+            },
+            {
+              "id": "f556806a-f534-495f-aec0-c5b0fb187855",
+              "dataSourceId": "8deac0c7-d616-411c-a06c-73a0fb14fe49",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.809Z",
+              "updatedAt": "2024-06-07T19:46:57.809Z"
+            },
+            {
+              "id": "f1352111-80b5-4e4b-a654-bf3433fdc2b6",
+              "dataSourceId": "8deac0c7-d616-411c-a06c-73a0fb14fe49",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.809Z",
+              "updatedAt": "2024-06-07T19:46:57.809Z"
+            },
+            {
+              "id": "a7447edd-0649-4e73-942b-7d5d3b22346f",
+              "dataSourceId": "8deac0c7-d616-411c-a06c-73a0fb14fe49",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.809Z",
+              "updatedAt": "2024-06-07T19:46:57.809Z"
+            },
+            {
+              "id": "2a99840c-19a0-4692-9c6f-26f0c7d22a66",
+              "dataSourceId": "49282908-e2d7-4e21-b92b-a01fc3ae58be",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.819Z",
+              "updatedAt": "2024-06-07T19:46:57.819Z"
+            },
+            {
+              "id": "24d4c503-e14f-4542-9b63-b1fcb39290a1",
+              "dataSourceId": "49282908-e2d7-4e21-b92b-a01fc3ae58be",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.819Z",
+              "updatedAt": "2024-06-07T19:46:57.819Z"
+            },
+            {
+              "id": "9087717b-b727-4681-8f55-d400efe68d66",
+              "dataSourceId": "49282908-e2d7-4e21-b92b-a01fc3ae58be",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.819Z",
+              "updatedAt": "2024-06-07T19:46:57.819Z"
+            },
+            {
+              "id": "247096cd-710b-4efd-8df7-797d78f79976",
+              "dataSourceId": "3ea878ea-1f26-4bc1-99fd-b6a02c2ec262",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.834Z",
+              "updatedAt": "2024-06-07T19:46:57.834Z"
+            },
+            {
+              "id": "ae9a5c33-5244-40bc-9db7-827bb2891c17",
+              "dataSourceId": "3ea878ea-1f26-4bc1-99fd-b6a02c2ec262",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.834Z",
+              "updatedAt": "2024-06-07T19:46:57.834Z"
+            },
+            {
+              "id": "76aac1bb-5900-4dcb-ac72-47ee8f6495b6",
+              "dataSourceId": "3ea878ea-1f26-4bc1-99fd-b6a02c2ec262",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.834Z",
+              "updatedAt": "2024-06-07T19:46:57.834Z"
+            },
+            {
+              "id": "20200234-1db5-41eb-9fed-9c2ec36f4297",
+              "dataSourceId": "1629f8bb-2508-45a2-9784-364c4e508053",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.846Z",
+              "updatedAt": "2024-06-07T19:46:57.846Z"
+            },
+            {
+              "id": "22043f9f-03d2-4b90-bf08-dfef81b83498",
+              "dataSourceId": "1629f8bb-2508-45a2-9784-364c4e508053",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.846Z",
+              "updatedAt": "2024-06-07T19:46:57.846Z"
+            },
+            {
+              "id": "fa2dd6e6-f148-445d-b8a0-8597dc2f3bac",
+              "dataSourceId": "1629f8bb-2508-45a2-9784-364c4e508053",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-07T19:46:57.846Z",
+              "updatedAt": "2024-06-07T19:46:57.846Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/advanced-data-visualization/manifest.json b/server/templates/advanced-data-visualization/manifest.json
new file mode 100644
index 0000000000..6d1ca51195
--- /dev/null
+++ b/server/templates/advanced-data-visualization/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Advanced data visualization",
+  "description": "Transform ToolJet DB data into interactive charts and graphs. Uncover trends and make data-driven decisions effortlessly using advanced visualizations.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "RestAPI",
+      "id": "restapi"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "advanced-data-visualization",
+  "category": "data-and-analytics"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-code-explainer/definition.json b/server/templates/ai-powered-code-explainer/definition.json
new file mode 100644
index 0000000000..5c00d625c5
--- /dev/null
+++ b/server/templates/ai-powered-code-explainer/definition.json
@@ -0,0 +1,1197 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "79068872-d6b5-4e2d-9903-bc66eab8f369",
+          "name": "AI Code Explainer",
+          "slug": "79068872-d6b5-4e2d-9903-bc66eab8f369",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "apps",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-24T06:55:09.754Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-24T06:55:10.002Z",
+          "editingVersion": {
+            "id": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+            "appId": "79068872-d6b5-4e2d-9903-bc66eab8f369",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-24T06:55:09.766Z",
+            "updatedAt": "2024-06-24T06:55:09.977Z"
+          },
+          "components": [
+            {
+              "id": "7ef3c8d3-f6d3-46a1-9dc4-40e2f42f0209",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "f9295e97-a326-4d13-9992-a8edc832a30b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "7ef3c8d3-f6d3-46a1-9dc4-40e2f42f0209",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "1c316bbd-b885-486e-b83f-bb6ebe81eefc",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "7ef3c8d3-f6d3-46a1-9dc4-40e2f42f0209",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "587624dd-c507-47f8-99ed-9b60746168a7",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "1c316bbd-b885-486e-b83f-bb6ebe81eefc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "f87a46e9-a70b-404b-a0a1-06696b4a85d8",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "7ef3c8d3-f6d3-46a1-9dc4-40e2f42f0209",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">AI Code Explainer</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "9191851d-65a7-4988-b627-0e1373ae89f3",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 25,
+                  "width": 17,
+                  "height": 40,
+                  "componentId": "f87a46e9-a70b-404b-a0a1-06696b4a85d8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "c8bbc275-153d-4e21-9eaa-c5de5b401af5",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 620,
+                  "componentId": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "832c5d58-490a-4bfa-bbb8-6cebd2e5572b",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "326d040b-f4a1-4c7c-8e02-1e4b2c2f383c",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "Code to be explained"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "09c10fb0-2617-410f-aa05-90dab27a196c",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "326d040b-f4a1-4c7c-8e02-1e4b2c2f383c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "51d58647-ac51-4d37-8370-db236c2c2c71",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 9,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "326d040b-f4a1-4c7c-8e02-1e4b2c2f383c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "d8a492d6-5c0e-4e6d-a643-3810a3baa8eb",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{queries.52d56f7b-bcac-4d22-a95e-673c43751e24.data.models.map(item => item.name)}}"
+                },
+                "display_values": {
+                  "value": "{{queries.52d56f7b-bcac-4d22-a95e-673c43751e24.data.models.map(item => item.displayName)}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.52d56f7b-bcac-4d22-a95e-673c43751e24.isLoading}}",
+                  "fxActive": true
+                },
+                "placeholder": {
+                  "value": "Select a model"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.989Z",
+              "layouts": [
+                {
+                  "id": "0d833c03-2e52-4486-9018-ef102bc5ae17",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 27,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "d8a492d6-5c0e-4e6d-a643-3810a3baa8eb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "1ac9de4b-2d91-4da5-9a73-f2c9cc36f012",
+                  "type": "desktop",
+                  "top": 480,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "d8a492d6-5c0e-4e6d-a643-3810a3baa8eb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "c8ffbec0-1736-4f45-82ea-88c6a454ca0a",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "value": {
+                  "value": "function addNumbers(a, b) {\n  return a + b;\n}\n\nconst sum = addNumbers(5, 3);\nconsole.log(sum);"
+                },
+                "placeholder": {
+                  "value": "function addNumbers(a, b) {\n  return a + b;\n}\n\nconst sum = addNumbers(5, 3);\nconsole.log(sum);"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "96273467-2296-4d69-81d1-089abd49bf9e",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "c8ffbec0-1736-4f45-82ea-88c6a454ca0a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "c504ec29-3606-4690-808f-338b9d84745c",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 20,
+                  "height": 270,
+                  "componentId": "c8ffbec0-1736-4f45-82ea-88c6a454ca0a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "f18655e1-d58c-45e5-954d-06b2639815e9",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "Generate explanation >>"
+                },
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{components.d8a492d6-5c0e-4e6d-a643-3810a3baa8eb.value == undefined || queries.getCodeExplanation.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b4af5051-69aa-41da-a0b4-4c312be63cd3",
+                  "type": "mobile",
+                  "top": 420,
+                  "left": 7,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f18655e1-d58c-45e5-954d-06b2639815e9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "cd3a4c0b-4753-4587-bc3f-dd264bc43f41",
+                  "type": "desktop",
+                  "top": 550,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "f18655e1-d58c-45e5-954d-06b2639815e9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "834b0b73-c9d2-4b5e-8c8b-14ddeaa975fd",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "values": {
+                  "value": "{{[\n  \"\",\n  \"C#\",\n  \"C++\",\n  \"Dart\",\n  \"Elixir\",\n  \"Erlang\",\n  \"F#\",\n  \"Go\",\n  \"Groovy\",\n  \"Haskell\",\n  \"Java\",\n  \"JavaScript\",\n  \"Kotlin\",\n  \"Lua\",\n  \"MATLAB\",\n  \"Objective-C\",\n  \"Perl\",\n  \"PHP\",\n  \"Python\",\n  \"R\",\n  \"Ruby\",\n  \"Rust\",\n  \"Scala\",\n  \"Shell\",\n  \"SQL\",\n  \"Swift\",\n  \"TypeScript\"\n]}}"
+                },
+                "display_values": {
+                  "value": "{{[\n  \"Any language\",\n  \"C#\",\n  \"C++\",\n  \"Dart\",\n  \"Elixir\",\n  \"Erlang\",\n  \"F#\",\n  \"Go\",\n  \"Groovy\",\n  \"Haskell\",\n  \"Java\",\n  \"JavaScript\",\n  \"Kotlin\",\n  \"Lua\",\n  \"MATLAB\",\n  \"Objective-C\",\n  \"Perl\",\n  \"PHP\",\n  \"Python\",\n  \"R\",\n  \"Ruby\",\n  \"Rust\",\n  \"Scala\",\n  \"Shell\",\n  \"SQL\",\n  \"Swift\",\n  \"TypeScript\"\n]}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select a language"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "c1149ac8-107c-4c70-b2be-eb836f02d3e8",
+                  "type": "mobile",
+                  "top": 420,
+                  "left": 2,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "834b0b73-c9d2-4b5e-8c8b-14ddeaa975fd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "011d93d5-4f94-4f28-bcb2-0c30933ebc47",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "834b0b73-c9d2-4b5e-8c8b-14ddeaa975fd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "3521f6c2-b835-48e8-9862-785c714a951a",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "Language"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "d14bbf6a-89f1-4e7b-800b-ff5615a33d3e",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "3521f6c2-b835-48e8-9862-785c714a951a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "c3c161ac-8ed4-44d5-b006-3d1b7aedb5d9",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "3521f6c2-b835-48e8-9862-785c714a951a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "ab73616c-ccd3-490c-8d18-ab4f41ed19c6",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"padding: 10px;\">${queries.getCodeExplanation.data.candidates ? queries.getCodeExplanation.data.candidates[0].content.parts[0].text : \"<ul> <li><strong>Language:</strong> JavaScript</li> <li><code>function addNumbers(a, b) {</code>: Defines a function named <code>addNumbers</code> that takes two parameters <code>a</code> and <code>b</code>.</li> <li><code>return a + b;</code>: The function returns the sum of <code>a</code> and <code>b</code>.</li> <li><code>}</code>: Ends the function definition.</li> <li><code>const sum = addNumbers(5, 3);</code>: Calls the <code>addNumbers</code> function with arguments <code>5</code> and <code>3</code>, and assigns the result to the constant <code>sum</code>.</li> <li><code>console.log(sum);</code>: Outputs the value of <code>sum</code> to the console, which is <code>8</code>.</li></ul>\"}</div>`}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.ecbb622f-bbb1-4a52-bbb3-706dbfb7f750.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#ddddddff"
+                },
+                "borderRadius": {
+                  "value": "5"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.989Z",
+              "layouts": [
+                {
+                  "id": "a77c42fe-4bcd-4435-a27f-509327234aa6",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 22,
+                  "width": 20,
+                  "height": 520,
+                  "componentId": "ab73616c-ccd3-490c-8d18-ab4f41ed19c6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "0bdb02e4-9a70-406d-9091-d6df01c47b0e",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 23,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "ab73616c-ccd3-490c-8d18-ab4f41ed19c6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "b2ed8838-0594-4c19-8ed2-4365689ac2fc",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "Gemini Model"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "71cc62cc-d3af-4443-b0d0-5d98c8993b93",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "b2ed8838-0594-4c19-8ed2-4365689ac2fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "daf0b2d2-e797-4779-86e2-c999bb380303",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "b2ed8838-0594-4c19-8ed2-4365689ac2fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            },
+            {
+              "id": "a6e0a648-f115-4783-8358-00b13de48380",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "parent": "dfec2f79-8f30-4b6a-9f9c-0113c778de61",
+              "properties": {
+                "text": {
+                  "value": "Explanation"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.771Z",
+              "layouts": [
+                {
+                  "id": "745561e0-4a41-4d79-bd65-ff8b02807eb5",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 22,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "a6e0a648-f115-4783-8358-00b13de48380",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                },
+                {
+                  "id": "e1fd48cd-793a-4673-b042-3c702879488d",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 9,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a6e0a648-f115-4783-8358-00b13de48380",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T06:55:09.771Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-12-03T00:59:13.282Z",
+              "autoComputeLayout": true,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "6e38b201-dd14-4416-bad9-af60a07ffbcf",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "ecbb622f-bbb1-4a52-bbb3-706dbfb7f750",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getCodeExplanation",
+                "parameters": {}
+              },
+              "sourceId": "f18655e1-d58c-45e5-954d-06b2639815e9",
+              "target": "component",
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-06-24T06:55:09.973Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "52d56f7b-bcac-4d22-a95e-673c43751e24",
+              "name": "getGeminiModels",
+              "options": {
+                "method": "get",
+                "url": "https://generativelanguage.googleapis.com/v1beta/models?key={{constants.GEMINI_API_KEY}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": null,
+                "body_toggle": false,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-12-03T01:03:03.041Z"
+            },
+            {
+              "id": "ecbb622f-bbb1-4a52-bbb3-706dbfb7f750",
+              "name": "getCodeExplanation",
+              "options": {
+                "method": "post",
+                "url": "https://generativelanguage.googleapis.com/v1beta/{{components.dropdown1.value}}:generateContent",
+                "url_params": [
+                  [
+                    "key",
+                    "{{constants.GEMINI_API_KEY}}"
+                  ],
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "Content-Type",
+                    "application/json"
+                  ],
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": "{\n  \"contents\": [\n    {\n      \"parts\": [\n        {\n          \"text\": \"{{components.textarea1.value.replaceAll('\\n','\\\\n')}} - Generate a point-wise line by line explanation of this code in html formatting only. Keep only the explanation, and nothing else. {{components.dropdown2.value ? `The code is in ${components.dropdown2.value} language.` : 'Also identify the language of the code.'}}\"\n        }\n      ]\n    }\n  ]\n}",
+                "body_toggle": true,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "arrayValuesChanged": false,
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn data.filter(row => row.amount > 1000);\n    "
+              },
+              "dataSourceId": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "createdAt": "2024-06-24T06:55:09.771Z",
+              "updatedAt": "2024-12-03T01:00:51.297Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-24T06:55:09.775Z",
+              "updatedAt": "2024-06-24T06:55:09.775Z"
+            },
+            {
+              "id": "0bee627f-0b4e-4ac1-b855-db685189d5ad",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-24T06:55:09.784Z",
+              "updatedAt": "2024-06-24T06:55:09.784Z"
+            },
+            {
+              "id": "6b671447-6612-416d-96c2-82d1c2f79967",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-24T06:55:09.791Z",
+              "updatedAt": "2024-06-24T06:55:09.791Z"
+            },
+            {
+              "id": "99dec49e-4af6-448a-9ef3-a559612e279c",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-24T06:55:09.799Z",
+              "updatedAt": "2024-06-24T06:55:09.799Z"
+            },
+            {
+              "id": "5c05aa36-8ec2-401e-921f-3809f33c19aa",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-24T06:55:09.806Z",
+              "updatedAt": "2024-06-24T06:55:09.806Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "d78a6d94-eba1-4305-9424-6e0e8b3e435e",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "953da5ef-d5f8-44b2-a3a0-18cb96285f07",
+              "appId": "79068872-d6b5-4e2d-9903-bc66eab8f369",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-24T06:55:09.766Z",
+              "updatedAt": "2024-06-24T06:55:09.977Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "7d16a813-3a0c-45fc-8e38-741dce123a5c",
+              "dataSourceId": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.780Z",
+              "updatedAt": "2024-06-24T06:55:09.780Z"
+            },
+            {
+              "id": "a7f389ba-9f1c-454f-8c18-7a2af53ed5f4",
+              "dataSourceId": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.780Z",
+              "updatedAt": "2024-06-24T06:55:09.780Z"
+            },
+            {
+              "id": "b41dbcfa-5dc6-4e04-a76e-f516870f630a",
+              "dataSourceId": "43208c4a-fd50-4d85-a355-1559af6c785b",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.780Z",
+              "updatedAt": "2024-06-24T06:55:09.780Z"
+            },
+            {
+              "id": "a39a2ef9-2553-4c0b-88bf-cf87f34e1ab2",
+              "dataSourceId": "0bee627f-0b4e-4ac1-b855-db685189d5ad",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.789Z",
+              "updatedAt": "2024-06-24T06:55:09.789Z"
+            },
+            {
+              "id": "7748b7a5-8cef-4fdf-a19c-eb9539846228",
+              "dataSourceId": "0bee627f-0b4e-4ac1-b855-db685189d5ad",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.789Z",
+              "updatedAt": "2024-06-24T06:55:09.789Z"
+            },
+            {
+              "id": "612d6ca5-89d9-4e49-8507-5d304b5e81cd",
+              "dataSourceId": "0bee627f-0b4e-4ac1-b855-db685189d5ad",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.789Z",
+              "updatedAt": "2024-06-24T06:55:09.789Z"
+            },
+            {
+              "id": "22782afe-d1e2-4924-8946-4c3f6a955ca6",
+              "dataSourceId": "6b671447-6612-416d-96c2-82d1c2f79967",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.796Z",
+              "updatedAt": "2024-06-24T06:55:09.796Z"
+            },
+            {
+              "id": "017015b8-8e95-44e6-86b4-27732ccfc9db",
+              "dataSourceId": "6b671447-6612-416d-96c2-82d1c2f79967",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.796Z",
+              "updatedAt": "2024-06-24T06:55:09.796Z"
+            },
+            {
+              "id": "8fa90920-541e-4a09-885e-a2f702f3cde4",
+              "dataSourceId": "6b671447-6612-416d-96c2-82d1c2f79967",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.796Z",
+              "updatedAt": "2024-06-24T06:55:09.796Z"
+            },
+            {
+              "id": "f3a503fd-18d5-4efd-9119-a616565f5561",
+              "dataSourceId": "99dec49e-4af6-448a-9ef3-a559612e279c",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.804Z",
+              "updatedAt": "2024-06-24T06:55:09.804Z"
+            },
+            {
+              "id": "fe92965e-44b0-468e-92cd-33db5059b6fc",
+              "dataSourceId": "99dec49e-4af6-448a-9ef3-a559612e279c",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.804Z",
+              "updatedAt": "2024-06-24T06:55:09.804Z"
+            },
+            {
+              "id": "77938eac-087d-4c26-958f-1793ebf8f07c",
+              "dataSourceId": "99dec49e-4af6-448a-9ef3-a559612e279c",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.804Z",
+              "updatedAt": "2024-06-24T06:55:09.804Z"
+            },
+            {
+              "id": "80461c4a-57f5-4fcf-94ca-2a850fd85e25",
+              "dataSourceId": "5c05aa36-8ec2-401e-921f-3809f33c19aa",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.811Z",
+              "updatedAt": "2024-06-24T06:55:09.811Z"
+            },
+            {
+              "id": "379d39f5-0b91-4e88-84c6-87314180cb84",
+              "dataSourceId": "5c05aa36-8ec2-401e-921f-3809f33c19aa",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.811Z",
+              "updatedAt": "2024-06-24T06:55:09.811Z"
+            },
+            {
+              "id": "55f22801-f863-48eb-9b31-7ffe0261831c",
+              "dataSourceId": "5c05aa36-8ec2-401e-921f-3809f33c19aa",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-24T06:55:09.811Z",
+              "updatedAt": "2024-06-24T06:55:09.811Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-code-explainer/manifest.json b/server/templates/ai-powered-code-explainer/manifest.json
new file mode 100644
index 0000000000..6fc568bcc1
--- /dev/null
+++ b/server/templates/ai-powered-code-explainer/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "AI powered code explainer",
+  "description": "Simplify code understanding with Gemini AI and Rest API, providing instant explanations and real-time insights.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "RestAPI",
+      "id": "restapi"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "ai-powered-code-explainer",
+  "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-reimbursement-tracker-with-ocr/definition.json b/server/templates/ai-powered-reimbursement-tracker-with-ocr/definition.json
new file mode 100644
index 0000000000..50778278da
--- /dev/null
+++ b/server/templates/ai-powered-reimbursement-tracker-with-ocr/definition.json
@@ -0,0 +1,2655 @@
+{
+  "tooljet_database": [
+    {
+      "id": "fb0a0fd7-685e-4578-a6eb-42da3b0dafe4",
+      "table_name": "reimbursement_requests",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"fb0a0fd7-685e-4578-a6eb-42da3b0dafe4_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "amount",
+            "data_type": "double precision",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "status",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "receipt_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "file_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "ff50e763-dec4-40c5-bb61-1c538fbb8d78",
+          "name": "Reimbursement tracker",
+          "slug": "ff50e763-dec4-40c5-bb61-1c538fbb8d78",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "menuhome",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-14T19:57:11.902Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-14T19:57:18.364Z",
+          "editingVersion": {
+            "id": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+            "appId": "ff50e763-dec4-40c5-bb61-1c538fbb8d78",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-14T19:57:12.059Z",
+            "updatedAt": "2024-06-26T13:23:08.183Z"
+          },
+          "components": [
+            {
+              "id": "018c8c4d-8e03-4600-ac26-99aeb44fac47",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "properties": {
+                "text": {
+                  "value": "Upload new receipt"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "306a8ce9-8d11-4b3b-bf94-db17d3183cc0",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "018c8c4d-8e03-4600-ac26-99aeb44fac47",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "c66f8072-f693-485e-ac8c-c3938e7814d9",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 27,
+                  "height": 40,
+                  "componentId": "018c8c4d-8e03-4600-ac26-99aeb44fac47",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "a38c79ab-bcce-463e-b2d0-b7a2bcb5a361",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 15,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "f8053bdf-cd6e-414d-9910-e36c1787266c",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 620,
+                  "componentId": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "ce0b2b6e-c309-4d82-b117-33026e35d55c",
+              "name": "fileUploader",
+              "type": "FilePicker",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "properties": {
+                "maxSize": {
+                  "value": "{{2048576}}"
+                },
+                "instructionText": {
+                  "value": "Drag and drop a file here or click to select a file"
+                },
+                "maxFileCount": {
+                  "value": "{{1}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{10}}"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{queries.extractTextFromImage.isLoading || queries.generateFileName.isLoading || queries.uploadReceiptFile.isLoading || queries.addReimbursementRequest.isLoading}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "6167c901-4c1e-47d9-944d-e207c650c8eb",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 5,
+                  "width": 34.883720930232556,
+                  "height": 100,
+                  "componentId": "ce0b2b6e-c309-4d82-b117-33026e35d55c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "00633b68-ff26-46f2-b85b-2b3320859032",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 41,
+                  "height": 440,
+                  "componentId": "ce0b2b6e-c309-4d82-b117-33026e35d55c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "f97b0cda-71e2-4bde-89ec-c7a76fa5d1ee",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "properties": {
+                "text": {
+                  "value": "Upload receipt file"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.extractTextFromImage.isLoading || queries.generateFileName.isLoading || queries.uploadReceiptFile.isLoading || queries.addReimbursementRequest.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ec7035cc-b920-4aa8-9d41-5cc636db0dec",
+                  "type": "mobile",
+                  "top": 330,
+                  "left": 8,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f97b0cda-71e2-4bde-89ec-c7a76fa5d1ee",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "01351dc5-07df-4ac5-a7ef-ff6b2efd43e4",
+                  "type": "desktop",
+                  "top": 550,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "f97b0cda-71e2-4bde-89ec-c7a76fa5d1ee",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-26T13:23:08.145Z"
+                }
+              ]
+            },
+            {
+              "id": "9298de54-a023-4fb5-ba3a-9756acf74266",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "properties": {
+                "text": {
+                  "value": "Upload your receipt or invoice and we'll help you track your reimbursement."
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "e5930730-2f18-49a5-b248-f53d94a94ac3",
+                  "type": "mobile",
+                  "top": 380,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "9298de54-a023-4fb5-ba3a-9756acf74266",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "6702376c-3f9f-45d9-b173-a3e76bc684c4",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 1,
+                  "width": 41,
+                  "height": 30,
+                  "componentId": "9298de54-a023-4fb5-ba3a-9756acf74266",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "ad517271-4685-41a3-b02d-0efa5d57cd53",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "69e3ae08-beb6-4f8e-a93f-98883b4cb2be",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 620,
+                  "componentId": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "492117e3-b0f7-4e52-be0d-3ba56a55be23",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+              "properties": {
+                "text": {
+                  "value": "Reimbursement requests"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "a24a53d7-3460-4e55-82bc-247c4221df2d",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "492117e3-b0f7-4e52-be0d-3ba56a55be23",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "4a5a74ab-14de-45df-bef3-5273da963dc3",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "492117e3-b0f7-4e52-be0d-3ba56a55be23",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T07:17:22.460Z"
+                }
+              ]
+            },
+            {
+              "id": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+              "properties": {
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{true}}"
+                },
+                "data": {
+                  "value": "{{queries.getReimbursementRequests.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "9b23fa15-2dfe-4c69-8e15-4a7b1b42b8b8",
+                      "name": "name",
+                      "key": "name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "a8bf5fca-02cb-4bd1-8046-5523e39ec8e6",
+                      "name": "status",
+                      "key": "status",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "7d87f993-1bce-4515-be06-f0febd18017b",
+                      "name": "amount",
+                      "key": "amount",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "3fac5288-d96c-49cd-aea8-1e3aa92b498d",
+                      "name": "receipt date",
+                      "key": "receipt_date",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "name": "email",
+                      "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 230,
+                      "columnType": "string"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "receipt_url",
+                    "id",
+                    "file_name"
+                  ]
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Approve",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#37a6381a",
+                      "textColor": "#37a638ff",
+                      "fxActiveFields": [
+                        "disableActionButton"
+                      ],
+                      "disableActionButton": "{{queries.rejectRequest.isLoading || queries.approveRequest.isLoading}}"
+                    },
+                    {
+                      "name": "Action1",
+                      "buttonText": "Reject",
+                      "events": [],
+                      "position": "right",
+                      "textColor": "#df3a21ff",
+                      "backgroundColor": "#df3a211a",
+                      "fxActiveFields": [
+                        "disableActionButton"
+                      ],
+                      "disableActionButton": "{{queries.rejectRequest.isLoading || queries.approveRequest.isLoading}}"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "View Receipt",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 107,
+                    "9b23fa15-2dfe-4c69-8e15-4a7b1b42b8b8": 119,
+                    "84cf3a07-f50a-43e3-80cd-4d76a266b57c": 163,
+                    "a8bf5fca-02cb-4bd1-8046-5523e39ec8e6": 115,
+                    "3fac5288-d96c-49cd-aea8-1e3aa92b498d": 163,
+                    "7d87f993-1bce-4515-be06-f0febd18017b": 112
+                  }
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getReimbursementRequests.isLoading}}"
+                },
+                "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}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "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-06-14T19:57:12.148Z",
+              "updatedAt": "2024-12-03T00:45:40.702Z",
+              "layouts": [
+                {
+                  "id": "e320672a-00aa-43ba-ae8b-ca345f18634d",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 0,
+                  "width": 81.3953488372093,
+                  "height": 456,
+                  "componentId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "95dc6e41-7d2a-4ab4-aa57-f3021f8b0436",
+                  "type": "desktop",
+                  "top": 74,
+                  "left": 1,
+                  "width": 41,
+                  "height": 520,
+                  "componentId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "436979f3-a776-4e91-b4a4-12c001c793cc",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "715dcbf2-1807-4313-8d24-b5cd2708afa6",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "c5568ebc-362f-46e5-bb66-f3c4fedd0b53",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "436979f3-a776-4e91-b4a4-12c001c793cc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "88540d4b-2305-478a-b813-139846995089",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "715dcbf2-1807-4313-8d24-b5cd2708afa6",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Reimbursement tracker</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "1da55319-b1a7-43b5-8efa-dd2d38a05e68",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "88540d4b-2305-478a-b813-139846995089",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "127f4434-be32-4409-90b4-a65744a6b6b2",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "09b583dd-a466-437a-b15b-839702941bee",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Reimbursement tracker</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "b34a4f61-19f0-4fcc-b72a-f8c48a77b1b5",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "127f4434-be32-4409-90b4-a65744a6b6b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "16f36357-d62a-4844-91f6-aca677436804",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+              "properties": {
+                "text": {
+                  "value": "Upload new receipt"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d33fbce6-d14a-44a2-80fd-2475a6edf4a2",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "16f36357-d62a-4844-91f6-aca677436804",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "656ed564-9081-42a8-9a75-e4e50e800c8d",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 36,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "16f36357-d62a-4844-91f6-aca677436804",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "09b583dd-a466-437a-b15b-839702941bee",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "779c66d8-6b33-4f2a-a716-f2d37c9fd2ba",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "09b583dd-a466-437a-b15b-839702941bee",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "98db350e-69a1-47d4-a465-08b6b4cf89db",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "09b583dd-a466-437a-b15b-839702941bee",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "18666cb2-177e-4406-9aef-18aa3f9a22d5",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "98db350e-69a1-47d4-a465-08b6b4cf89db",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "2af8fc9b-a112-41c4-bcd2-48e10e7c4c72",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "parent": "c2e10c58-32b3-45e4-8fd2-aa1e7328b6ea",
+              "properties": {
+                "text": {
+                  "value": "View all requests"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d5e8925b-7fe1-4b64-9f70-2c162d9fa813",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 36,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "2af8fc9b-a112-41c4-bcd2-48e10e7c4c72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "672c7573-d296-49f0-9e2f-15ffd6342079",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "2af8fc9b-a112-41c4-bcd2-48e10e7c4c72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "9a96c0f9-5d10-4f0e-a509-e72289bc3141",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "980d8310-d2f8-40e0-b9fe-6984c52f141e",
+              "properties": {
+                "title": {
+                  "value": "Receipt Image"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "modalHeight": {
+                  "value": "500px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "5px 5px 6px 8px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "1f12847f-d1e0-4dfe-b415-86d3e24cea0e",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 23.25581395348837,
+                  "height": 34,
+                  "componentId": "9a96c0f9-5d10-4f0e-a509-e72289bc3141",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "c436a622-0fbd-4be2-ad9c-21aff639d43b",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 30,
+                  "width": 4,
+                  "height": 20,
+                  "componentId": "9a96c0f9-5d10-4f0e-a509-e72289bc3141",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "9aecffcc-4633-470a-beb9-9a71af4aebea",
+              "name": "image1",
+              "type": "Image",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": "9a96c0f9-5d10-4f0e-a509-e72289bc3141",
+              "properties": {
+                "source": {
+                  "value": "{{queries?.getReceiptFile?.data?.url ?? \"https://www.svgrepo.com/show/34217/image.svg\"}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getReceiptFile.isLoading}}"
+                },
+                "zoomButtons": {
+                  "value": "{{true}}"
+                },
+                "rotateButton": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderType": {
+                  "value": "rounded"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "6859156e-0114-4a2c-99e1-e27476cd8d4f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41.00000000000001,
+                  "height": 460,
+                  "componentId": "9aecffcc-4633-470a-beb9-9a71af4aebea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                },
+                {
+                  "id": "11c63cc3-2485-4e06-8d53-cb0d51c627ce",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 4,
+                  "width": 6.976744186046512,
+                  "height": 100,
+                  "componentId": "9aecffcc-4633-470a-beb9-9a71af4aebea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T06:49:19.719Z"
+                }
+              ]
+            },
+            {
+              "id": "715dcbf2-1807-4313-8d24-b5cd2708afa6",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z",
+              "layouts": [
+                {
+                  "id": "d99e8b30-378f-4575-a264-6ec18fa635e0",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "715dcbf2-1807-4313-8d24-b5cd2708afa6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-18T07:05:41.925Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "284af3e9-3b36-47d3-a519-36595cda0318",
+              "name": "Upload new receipt",
+              "handle": "upload-new-receipt",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-12-03T00:41:20.501Z",
+              "autoComputeLayout": false,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "pageGroupIndex": 2,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "name": "Reimbursement requests",
+              "handle": "home",
+              "index": 0,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-12-03T00:41:20.501Z",
+              "autoComputeLayout": false,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "pageGroupIndex": 0,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "3375b87c-b856-4579-a23f-2ed6348df426",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "52f74cfd-7007-4624-9033-191af63f2edd",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.021Z"
+            },
+            {
+              "id": "692ca135-b0cb-4f54-9076-0b8acfc3fef1",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ff36e424-54b0-4176-befc-ee2b60a9574d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getReimbursementRequests",
+                "parameters": {}
+              },
+              "sourceId": "6e49d263-5ea7-4d8d-9c23-75dac887aa57",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.121Z"
+            },
+            {
+              "id": "1645acf7-fa9a-40e7-be3e-966be014278a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ff36e424-54b0-4176-befc-ee2b60a9574d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getReimbursementRequests",
+                "parameters": {}
+              },
+              "sourceId": "c980ef50-433e-49a4-b59f-27e104f1625a",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.221Z"
+            },
+            {
+              "id": "fd11b584-bd26-4e0f-bf2e-d0ab8bab41df",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to submit reimbursement request! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "52f74cfd-7007-4624-9033-191af63f2edd",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "0c7456d7-5217-4b66-96d4-67100cb6e7f9",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Reimbursement request submitted successfully.",
+                "queryId": "df866f81-5db1-4f1d-97ea-0c7199eb48b5",
+                "actionId": "show-alert",
+                "alertType": "success",
+                "queryName": "addToS3",
+                "parameters": {}
+              },
+              "sourceId": "52f74cfd-7007-4624-9033-191af63f2edd",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "1b57aea3-08f2-4bfc-ac25-5cf7d4c1bbc1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "9f0bedfe-a390-4f75-abf4-5916055dc1cc",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getAnalyzedData",
+                "parameters": {}
+              },
+              "sourceId": "f97b0cda-71e2-4bde-89ec-c7a76fa5d1ee",
+              "target": "component",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:16.489Z"
+            },
+            {
+              "id": "e51b1d55-ef38-4b2a-8f3b-ae8afce6f215",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "2af8fc9b-a112-41c4-bcd2-48e10e7c4c72",
+              "target": "component",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.322Z"
+            },
+            {
+              "id": "da2ccbb4-4fbd-4218-be71-25f4f763b496",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action2",
+                "modal": "9a96c0f9-5d10-4f0e-a509-e72289bc3141",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+              "target": "table_action",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.422Z"
+            },
+            {
+              "id": "0feb36c9-a848-474c-8f1b-03b098620850",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "6e49d263-5ea7-4d8d-9c23-75dac887aa57",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "approveRequest",
+                "parameters": {}
+              },
+              "sourceId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+              "target": "table_action",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.523Z"
+            },
+            {
+              "id": "ce662374-c441-4bd9-be49-0d59cc24d070",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c980ef50-433e-49a4-b59f-27e104f1625a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "denyRequest",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+              "target": "table_action",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.624Z"
+            },
+            {
+              "id": "4043bd36-4e7b-4259-8d62-5c5eb03ebe77",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "284af3e9-3b36-47d3-a519-36595cda0318",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "16f36357-d62a-4844-91f6-aca677436804",
+              "target": "component",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.724Z"
+            },
+            {
+              "id": "95b5eea3-1431-4b2e-8f1b-3686595a2e07",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "ff36e424-54b0-4176-befc-ee2b60a9574d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getReimbursementRequests",
+                "parameters": {}
+              },
+              "sourceId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "target": "page",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:17.925Z"
+            },
+            {
+              "id": "f17b4ff7-d51e-4dfc-bdf5-562964948616",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "ce0b2b6e-c309-4d82-b117-33026e35d55c",
+                "componentSpecificActionHandle": "clearFiles",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "52f74cfd-7007-4624-9033-191af63f2edd",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:18.052Z"
+            },
+            {
+              "id": "2dcc29c4-0a66-4a3d-9630-cc550c0cf517",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Reimbursement receipt uploaded successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "f916d248-ab41-408a-91f1-04f9d62bf651",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "41904c30-e6f7-43c6-b5b0-f5bf4180e6a8",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to upload reimbursement receipt! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "f916d248-ab41-408a-91f1-04f9d62bf651",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "85778aee-68cc-49aa-b368-fb3e8507034f",
+              "name": "onDataQueryFailure",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to extract text from file! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "9f0bedfe-a390-4f75-abf4-5916055dc1cc",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "17c8b0f8-d3d8-4f7e-a748-120557828a64",
+              "name": "onDataQueryFailure",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to generate file name! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "0693b91d-a380-4d2d-8bec-5830f11b7e01",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "36bee359-eb30-4064-9965-b46afddaf23c",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "52f74cfd-7007-4624-9033-191af63f2edd",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addReceiptData",
+                "parameters": {}
+              },
+              "sourceId": "f916d248-ab41-408a-91f1-04f9d62bf651",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:16.590Z"
+            },
+            {
+              "id": "f3b18b0e-5bd8-47af-a8e7-bdd0acea2d7b",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "0693b91d-a380-4d2d-8bec-5830f11b7e01",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generatedFileName",
+                "parameters": {}
+              },
+              "sourceId": "9f0bedfe-a390-4f75-abf4-5916055dc1cc",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:16.742Z"
+            },
+            {
+              "id": "f2222485-eb9a-4d1a-b295-21094cf29c01",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "f916d248-ab41-408a-91f1-04f9d62bf651",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "uploadReceiptFile",
+                "parameters": {}
+              },
+              "sourceId": "0693b91d-a380-4d2d-8bec-5830f11b7e01",
+              "target": "data_query",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:16.869Z"
+            },
+            {
+              "id": "fadd5284-d201-462d-9739-294cfe5722b2",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "ref": "Action2",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d43aa4ba-430e-48ba-8e8e-8098a2f1207a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getReceiptFile",
+                "parameters": {}
+              },
+              "sourceId": "0ecc6658-3a52-4f79-ac2c-c040852834c8",
+              "target": "table_action",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-26T13:03:29.227Z",
+              "updatedAt": "2024-06-26T13:03:37.111Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "6e49d263-5ea7-4d8d-9c23-75dac887aa57",
+              "name": "approveRequest",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "fb0a0fd7-685e-4578-a6eb-42da3b0dafe4",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717677158883,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "7b030f78-53b0-42b0-91cb-4a25492315e5",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "name",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "email",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "status",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "receipt_date",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "cfcbe6fc-3b7a-4681-b438-a6f99c46d21a": {
+                      "column": "status",
+                      "value": "Approved"
+                    }
+                  },
+                  "where_filters": {
+                    "866a8ccf-14c0-4892-b027-478b183a47c3": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "866a8ccf-14c0-4892-b027-478b183a47c3"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "c980ef50-433e-49a4-b59f-27e104f1625a",
+              "name": "rejectRequest",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "fb0a0fd7-685e-4578-a6eb-42da3b0dafe4",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717677154579,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "7b030f78-53b0-42b0-91cb-4a25492315e5",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "name",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "email",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "status",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "receipt_date",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "f3d5dccb-aff7-435f-9053-8d34a16ff425": {
+                      "column": "status",
+                      "value": "Rejected"
+                    }
+                  },
+                  "where_filters": {
+                    "8bd0a718-48e1-4226-bcc6-beadeea341ed": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "8bd0a718-48e1-4226-bcc6-beadeea341ed"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "d43aa4ba-430e-48ba-8e8e-8098a2f1207a",
+              "name": "getReceiptFile",
+              "options": {
+                "maxKeys": 1000,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "operation": "signed_url_for_get",
+                "bucket": "reimbursement-receipt-files",
+                "key": "{{components.table1.selectedRow.file_name}}",
+                "expiresIn": "3600"
+              },
+              "dataSourceId": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-12-03T00:43:21.173Z"
+            },
+            {
+              "id": "f916d248-ab41-408a-91f1-04f9d62bf651",
+              "name": "uploadReceiptFile",
+              "options": {
+                "maxKeys": 1000,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "operation": "upload_object",
+                "bucket": "reimbursement-receipt-files",
+                "key": "{{queries.generateFileName.data.fileName}}",
+                "contentType": "{{components.fileUploader.file[0].type}}",
+                "data": "{{components.fileUploader.file[0].base64Data}}",
+                "encoding": "base64",
+                "expiresIn": "3600"
+              },
+              "dataSourceId": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-26T13:26:08.794Z"
+            },
+            {
+              "id": "9f0bedfe-a390-4f75-abf4-5916055dc1cc",
+              "name": "extractTextFromImage",
+              "options": {
+                "method": "post",
+                "url": "{{`https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-pro:generateContent?key=${constants.GEMINI_API_KEY}`}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "content-type",
+                    "application/json"
+                  ],
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": "{\n  \"contents\": [\n    {\n      \"parts\": [\n        {\n          \"text\": \"In this image of a receipt, analyze the receipt image and return the following information in JSON format without any formatting or syntax highlighting: total_amount (float), date (DD MMM YYYY)\"\n        },\n        {\n          \"inline_data\": {\n            \"mime_type\": \"image/jpeg\",\n            \"data\": \"{{components.fileUploader.file[0].base64Data}}\"\n          }\n        }\n      ]\n    }\n  ]\n}",
+                "body_toggle": true,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "arrayValuesChanged": false
+              },
+              "dataSourceId": "539f9319-08e9-4af2-abc9-fd907fb829cd",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-29T14:49:12.452Z"
+            },
+            {
+              "id": "0693b91d-a380-4d2d-8bec-5830f11b7e01",
+              "name": "generateFileName",
+              "options": {
+                "code": "const extension = components.fileUploader.file[0].name.split(\".\").pop();\n\nconst fileName = `reimbursement_receipt_${moment().valueOf()}.${extension}`;\n\nreturn { fileName };",
+                "parameters": []
+              },
+              "dataSourceId": "9874d689-9c1f-4eed-9186-726cde711ee8",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T19:57:12.148Z"
+            },
+            {
+              "id": "52f74cfd-7007-4624-9033-191af63f2edd",
+              "name": "addReimbursementRequest",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "fb0a0fd7-685e-4578-a6eb-42da3b0dafe4",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717677146831,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "7b030f78-53b0-42b0-91cb-4a25492315e5",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "name",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "email",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "status",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "receipt_date",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  },
+                  "1": {
+                    "column": "name",
+                    "value": "{{[globals.currentUser.firstName, globals.currentUser.lastName].join(\" \")}}"
+                  },
+                  "2": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "3": {
+                    "column": "amount",
+                    "value": "{{JSON.parse(queries.extractTextFromImage.data.candidates[0].content.parts[0].text).total_amount}}"
+                  },
+                  "4": {
+                    "column": "receipt_date",
+                    "value": "{{JSON.parse(queries.extractTextFromImage.data.candidates[0].content.parts[0].text).date}}"
+                  },
+                  "b5d03446-60ae-4e0e-a398-b3a78385fac8": {
+                    "column": "file_name",
+                    "value": "{{queries.generateFileName.data.fileName}}"
+                  }
+                },
+                "showSuccessNotification": false
+              },
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-26T13:26:12.165Z"
+            },
+            {
+              "id": "ff36e424-54b0-4176-befc-ee2b60a9574d",
+              "name": "getReimbursementRequests",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "fb0a0fd7-685e-4578-a6eb-42da3b0dafe4",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717677151127,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "7b030f78-53b0-42b0-91cb-4a25492315e5",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "name",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "email",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "status",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    },
+                    {
+                      "name": "receipt_date",
+                      "table": "7b030f78-53b0-42b0-91cb-4a25492315e5"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {},
+                  "order_filters": {
+                    "96e21168-42ae-4a0c-a00d-2cac25893d46": {
+                      "column": "id",
+                      "order": "desc",
+                      "id": "96e21168-42ae-4a0c-a00d-2cac25893d46"
+                    }
+                  }
+                },
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-12-03T00:46:04.453Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "539f9319-08e9-4af2-abc9-fd907fb829cd",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T19:57:12.259Z",
+              "updatedAt": "2024-06-14T19:57:12.259Z"
+            },
+            {
+              "id": "9874d689-9c1f-4eed-9186-726cde711ee8",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T19:57:12.417Z",
+              "updatedAt": "2024-06-14T19:57:12.417Z"
+            },
+            {
+              "id": "15030d73-f88f-40e2-b4fd-e15382c79d02",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T19:57:12.573Z",
+              "updatedAt": "2024-06-14T19:57:12.573Z"
+            },
+            {
+              "id": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T19:57:12.730Z",
+              "updatedAt": "2024-06-14T19:57:12.730Z"
+            },
+            {
+              "id": "62232579-94dc-498d-9a31-59b42040bbf0",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T19:57:12.889Z",
+              "updatedAt": "2024-06-14T19:57:12.889Z"
+            },
+            {
+              "id": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "name": "AWS S3",
+              "kind": "s3",
+              "type": "default",
+              "pluginId": null,
+              "appVersionId": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "scope": "global",
+              "createdAt": "2024-06-14T19:57:12.148Z",
+              "updatedAt": "2024-06-14T20:03:17.896Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "eb79d124-56b9-4160-a3f5-7b81d8d73af8",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "78c7fb9e-26b7-4c76-8c4d-21b541416b25",
+              "appId": "ff50e763-dec4-40c5-bb61-1c538fbb8d78",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-14T19:57:12.059Z",
+              "updatedAt": "2024-06-26T13:23:08.183Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "53bf0476-88b6-4bfb-b13a-a7555d041e4a",
+              "dataSourceId": "539f9319-08e9-4af2-abc9-fd907fb829cd",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.384Z",
+              "updatedAt": "2024-06-14T19:57:12.384Z"
+            },
+            {
+              "id": "98029026-3a29-47a5-9b71-39e03e5ab57d",
+              "dataSourceId": "539f9319-08e9-4af2-abc9-fd907fb829cd",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.384Z",
+              "updatedAt": "2024-06-14T19:57:12.384Z"
+            },
+            {
+              "id": "bf3bf94f-7912-4ae2-bf7c-7c84e0cf52e3",
+              "dataSourceId": "539f9319-08e9-4af2-abc9-fd907fb829cd",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.384Z",
+              "updatedAt": "2024-06-14T19:57:12.384Z"
+            },
+            {
+              "id": "a7e12bd5-39d4-4e70-b5d4-b280daf85894",
+              "dataSourceId": "9874d689-9c1f-4eed-9186-726cde711ee8",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.541Z",
+              "updatedAt": "2024-06-14T19:57:12.541Z"
+            },
+            {
+              "id": "1b8696b2-8125-4d45-b06c-f41b6f7dc599",
+              "dataSourceId": "9874d689-9c1f-4eed-9186-726cde711ee8",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.541Z",
+              "updatedAt": "2024-06-14T19:57:12.541Z"
+            },
+            {
+              "id": "2aaf5112-7299-4cb0-a45d-ad2b8f585c4b",
+              "dataSourceId": "9874d689-9c1f-4eed-9186-726cde711ee8",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.541Z",
+              "updatedAt": "2024-06-14T19:57:12.541Z"
+            },
+            {
+              "id": "992a50ed-1299-4fe6-981b-03d11869849f",
+              "dataSourceId": "15030d73-f88f-40e2-b4fd-e15382c79d02",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.698Z",
+              "updatedAt": "2024-06-14T19:57:12.698Z"
+            },
+            {
+              "id": "aaaf42dc-82c1-4e10-a6bb-c3ef02b41cd6",
+              "dataSourceId": "15030d73-f88f-40e2-b4fd-e15382c79d02",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.698Z",
+              "updatedAt": "2024-06-14T19:57:12.698Z"
+            },
+            {
+              "id": "68ec7c29-1020-4a10-93b1-1fcd97bf7347",
+              "dataSourceId": "15030d73-f88f-40e2-b4fd-e15382c79d02",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.698Z",
+              "updatedAt": "2024-06-14T19:57:12.698Z"
+            },
+            {
+              "id": "954833ac-44ff-4213-85c2-5118040f5abc",
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.856Z",
+              "updatedAt": "2024-06-14T19:57:12.856Z"
+            },
+            {
+              "id": "81a2b8c5-8aa6-4452-bee2-63f0904ba052",
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.856Z",
+              "updatedAt": "2024-06-14T19:57:12.856Z"
+            },
+            {
+              "id": "7b0ee432-fe20-4f5a-90c7-9c64cd4c024f",
+              "dataSourceId": "26022c2d-28e3-4738-904b-ec4958cf8b3a",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:12.856Z",
+              "updatedAt": "2024-06-14T19:57:12.856Z"
+            },
+            {
+              "id": "cf423bea-77d9-4aeb-bb73-4d1ac6c6711e",
+              "dataSourceId": "62232579-94dc-498d-9a31-59b42040bbf0",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:13.014Z",
+              "updatedAt": "2024-06-14T19:57:13.014Z"
+            },
+            {
+              "id": "2c221b2e-19e8-4b61-92da-e45a39c115a0",
+              "dataSourceId": "62232579-94dc-498d-9a31-59b42040bbf0",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:13.014Z",
+              "updatedAt": "2024-06-14T19:57:13.014Z"
+            },
+            {
+              "id": "cdb0ec2f-fc4a-4ff9-b003-71a0ef7ee353",
+              "dataSourceId": "62232579-94dc-498d-9a31-59b42040bbf0",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T19:57:13.014Z",
+              "updatedAt": "2024-06-14T19:57:13.014Z"
+            },
+            {
+              "id": "5cd31257-09a5-4fb1-b78e-2003062dba99",
+              "dataSourceId": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": {
+                "access_key": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "secret_key": {
+                  "credential_id": "547eaf5c-2ec1-4637-915a-66c7df8dbcf4",
+                  "encrypted": true
+                },
+                "region": {
+                  "value": "us-west-1",
+                  "encrypted": false
+                },
+                "endpoint": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "endpoint_enabled": {
+                  "value": false,
+                  "encrypted": false
+                },
+                "instance_metadata_credentials": {
+                  "value": "iam_access_keys",
+                  "encrypted": false
+                }
+              },
+              "createdAt": "2024-06-14T19:57:13.600Z",
+              "updatedAt": "2024-06-14T20:03:17.871Z"
+            },
+            {
+              "id": "80ad4d99-f43f-4148-b763-23103edd81ad",
+              "dataSourceId": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": {
+                "access_key": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "secret_key": {
+                  "credential_id": "5ac7d8ba-d59b-4ab5-83b9-614fa2457ca6",
+                  "encrypted": true
+                },
+                "region": {
+                  "value": "us-west-1",
+                  "encrypted": false
+                },
+                "endpoint": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "endpoint_enabled": {
+                  "value": false,
+                  "encrypted": false
+                },
+                "instance_metadata_credentials": {
+                  "value": "iam_access_keys",
+                  "encrypted": false
+                }
+              },
+              "createdAt": "2024-06-14T19:57:13.682Z",
+              "updatedAt": "2024-06-14T19:57:13.682Z"
+            },
+            {
+              "id": "8ea6dc04-97f2-4c75-93c7-b70b880f628a",
+              "dataSourceId": "a3b42099-9661-4921-86ca-08f9c4fe603f",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": {
+                "access_key": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "secret_key": {
+                  "credential_id": "463d902c-c0af-4db0-bcb5-afa3ad3d33e9",
+                  "encrypted": true
+                },
+                "region": {
+                  "value": "us-west-1",
+                  "encrypted": false
+                },
+                "endpoint": {
+                  "value": "",
+                  "encrypted": false
+                },
+                "endpoint_enabled": {
+                  "value": false,
+                  "encrypted": false
+                },
+                "instance_metadata_credentials": {
+                  "value": "iam_access_keys",
+                  "encrypted": false
+                }
+              },
+              "createdAt": "2024-06-14T19:57:13.765Z",
+              "updatedAt": "2024-06-14T19:57:13.765Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-reimbursement-tracker-with-ocr/manifest.json b/server/templates/ai-powered-reimbursement-tracker-with-ocr/manifest.json
new file mode 100644
index 0000000000..7150375294
--- /dev/null
+++ b/server/templates/ai-powered-reimbursement-tracker-with-ocr/manifest.json
@@ -0,0 +1,28 @@
+{
+  "name": "AI powered reimbursement tracker with ocr",
+  "description": "Streamline expense management with Gemini AI and REST API. Automate receipt scanning, data extraction, and approval workflows.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "RestAPI",
+      "id": "restapi"
+    },
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "AWS S3",
+      "id": "s3"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "ai-powered-reimbursement-tracker-with-ocr",
+  "category": "human-resources"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-sql-query-generator/definition.json b/server/templates/ai-powered-sql-query-generator/definition.json
new file mode 100644
index 0000000000..42a79c4bfc
--- /dev/null
+++ b/server/templates/ai-powered-sql-query-generator/definition.json
@@ -0,0 +1,1291 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "d3d51096-598c-4033-abbf-01b1355f6303",
+          "name": "AI SQL Query Generator",
+          "slug": "d3d51096-598c-4033-abbf-01b1355f6303",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "apps",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-14T22:35:51.589Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-14T22:35:54.995Z",
+          "editingVersion": {
+            "id": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "6f8326a9-633b-4127-873e-52248aee7424",
+            "appId": "d3d51096-598c-4033-abbf-01b1355f6303",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-14T22:35:51.752Z",
+            "updatedAt": "2024-06-17T15:53:08.440Z"
+          },
+          "components": [
+            {
+              "id": "e251f500-25d0-4f00-b7e4-92ee0adec9b9",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "Query generation inputs"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "7e5c6d9c-0f05-4190-96a0-f7beb061c3f2",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "e251f500-25d0-4f00-b7e4-92ee0adec9b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "33e9a909-7713-41a7-abdd-42681567b67c",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 9,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "e251f500-25d0-4f00-b7e4-92ee0adec9b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "a27104cf-5a0f-42b1-a30a-642463f03f0a",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "Generate query"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.generateSqlQuery.isLoading}}"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{components.modelDropdown.value == undefined || components.textPrompt.value.length == 0}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "120f980d-ee0a-4178-853c-834c6cd9820d",
+                  "type": "mobile",
+                  "top": 420,
+                  "left": 7,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "a27104cf-5a0f-42b1-a30a-642463f03f0a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "99c9fd3a-a92d-47f9-9b96-821569f6d11a",
+                  "type": "desktop",
+                  "top": 400,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "a27104cf-5a0f-42b1-a30a-642463f03f0a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "bd7686e5-a5b9-4612-8dc9-c1e316572d75",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "📋 Copy"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{queries.generateSqlQuery.isLoading || !queries.generateSqlQuery.data.candidates}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderColor": {
+                  "value": "#888888ff"
+                },
+                "textColor": {
+                  "value": "#888888ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5ec85f27-29ab-4fae-a04e-9f1f98072a3d",
+                  "type": "desktop",
+                  "top": 480,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "bd7686e5-a5b9-4612-8dc9-c1e316572d75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "be4e85aa-7791-4681-9d53-4de2d012c435",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "bd7686e5-a5b9-4612-8dc9-c1e316572d75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "d7006f95-85a3-4fc4-a52a-5a77e999f820",
+              "name": "modelDropdown",
+              "type": "DropDown",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "label": {
+                  "value": "Model"
+                },
+                "display_values": {
+                  "value": "{{queries.getModels.data.models.map(item => item.displayName)}}"
+                },
+                "placeholder": {
+                  "value": "Select a model"
+                },
+                "values": {
+                  "value": "{{queries.getModels.data.models.map(item => item.name)}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getModels.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:37:10.878Z",
+              "layouts": [
+                {
+                  "id": "a3676764-45a9-4b22-a85f-ed3f050b902e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 31,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "d7006f95-85a3-4fc4-a52a-5a77e999f820",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "092ca9d1-6f3f-4b1f-92d5-3e2137cbe990",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 27,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "d7006f95-85a3-4fc4-a52a-5a77e999f820",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "42e543d5-e525-4b5e-bb6a-cba24de87917",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "Query instructions"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "ec74a171-1e36-48e6-96a7-c432f53cab54",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "42e543d5-e525-4b5e-bb6a-cba24de87917",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "e71acbfb-8732-486f-b2f9-b57f36ce38f8",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "42e543d5-e525-4b5e-bb6a-cba24de87917",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "fa42bf01-cf37-4b44-9205-0dc39b1af643",
+              "name": "generatedQuery",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"padding: 10px; font-family: Monospace;\">${(queries.generateSqlQuery\n  .data.candidates\n  ? queries.generateSqlQuery.data.candidates[0].content.parts[0].text\n  : `SELECT\\n    *\\nFROM\\n    orders\\nWHERE\\n    is_prepaid = TRUE;`\n)\n  .replaceAll(\"\\n\", \"<br>\")\n  .replaceAll(\" \", \"&nbsp;\")}</div>`}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.generateSqlQuery.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "borderRadius": {
+                  "value": "5"
+                },
+                "borderColor": {
+                  "value": "#ccd1d5ff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "lineHeight": {
+                  "value": "1.75"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "149b573e-dcd9-4dbf-9352-28e5d78a5b4a",
+                  "type": "desktop",
+                  "top": 530,
+                  "left": 1,
+                  "width": 41,
+                  "height": 290,
+                  "componentId": "fa42bf01-cf37-4b44-9205-0dc39b1af643",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "154d0045-bbf2-4ac3-b29f-aa16a0d47637",
+                  "type": "mobile",
+                  "top": 620,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "fa42bf01-cf37-4b44-9205-0dc39b1af643",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "51c372cf-70e9-4bcb-938a-2bda72f0c106",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "Generated query"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "47c91b8f-0647-472f-a1ac-2d66f42b27de",
+                  "type": "desktop",
+                  "top": 480,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "51c372cf-70e9-4bcb-938a-2bda72f0c106",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "936fb539-122d-4a4d-9f45-7a9dc61d11fc",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 9,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "51c372cf-70e9-4bcb-938a-2bda72f0c106",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "a6b7fa4a-c9d1-499d-8dee-6a2113366d05",
+              "name": "textPrompt",
+              "type": "TextArea",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter the query instructions as text. For example,\nFind all orders which are prepaid."
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "3c356184-6e68-45fe-bea7-cf1bf4c9a728",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "a6b7fa4a-c9d1-499d-8dee-6a2113366d05",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "932d1d30-f619-4943-91f1-013c0e577faf",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 20,
+                  "height": 270,
+                  "componentId": "a6b7fa4a-c9d1-499d-8dee-6a2113366d05",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "d0904dc5-2ea9-42ed-b5b9-e192ecdccb79",
+              "name": "databaseSchemaInput",
+              "type": "TextArea",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter the schema information as text. For example,\norders (id, product_id, address, customer_name, is_paid),\nproducts (id, quantity, moq),\ncustomers (id, name, email, phone, addresses)."
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "5ce5c244-8ed4-48f3-add4-316514b161a7",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "d0904dc5-2ea9-42ed-b5b9-e192ecdccb79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "71423589-0df8-42f7-aabd-de0ef098378d",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 22,
+                  "width": 20,
+                  "height": 270,
+                  "componentId": "d0904dc5-2ea9-42ed-b5b9-e192ecdccb79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "8be84fc4-e41d-483c-b2e2-4633760d06ce",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "7ddff32e-5993-4f33-a578-c8ec46ffaa01",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "8be84fc4-e41d-483c-b2e2-4633760d06ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "748787f0-7148-4028-b97a-e6dea1c8acc9",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "8be84fc4-e41d-483c-b2e2-4633760d06ce",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "0b6e4f58-43ee-43f2-9eaa-318b894d6fbb",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "748787f0-7148-4028-b97a-e6dea1c8acc9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "76b6e786-b9e0-4aa1-a7d9-4d3fd14e2a4f",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "8be84fc4-e41d-483c-b2e2-4633760d06ce",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">AI SQL Query Generator</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "af7bfb85-94bc-4359-afff-cac54fce3172",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 25,
+                  "width": 17,
+                  "height": 40,
+                  "componentId": "76b6e786-b9e0-4aa1-a7d9-4d3fd14e2a4f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "8911a9ce-4938-4798-96b1-7f340392c7d4",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": "3063f7d5-1108-456d-b022-326f209f7515",
+              "properties": {
+                "text": {
+                  "value": "Schema information (Optional)"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "70a36a4b-6c6e-4c74-a6f3-43f6f078936f",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 22,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8911a9ce-4938-4798-96b1-7f340392c7d4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "e700a837-a8fe-4500-adbf-9e8cb8d4dd68",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8911a9ce-4938-4798-96b1-7f340392c7d4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            },
+            {
+              "id": "3063f7d5-1108-456d-b022-326f209f7515",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z",
+              "layouts": [
+                {
+                  "id": "25c47ccc-1a5d-4859-b767-688eea0ef4c7",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 12,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "3063f7d5-1108-456d-b022-326f209f7515",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                },
+                {
+                  "id": "2640c506-99fc-4184-97c7-46db4ba0e8e5",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 850,
+                  "componentId": "3063f7d5-1108-456d-b022-326f209f7515",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:36:28.183Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "6f8326a9-633b-4127-873e-52248aee7424",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-12-03T00:52:47.877Z",
+              "autoComputeLayout": false,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "7084d10c-3714-4694-a561-3b317a230ea2",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{queries.generateSqlQuery.data.candidates[0].content.parts[0].text}}"
+              },
+              "sourceId": "bd7686e5-a5b9-4612-8dc9-c1e316572d75",
+              "target": "component",
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:51.844Z"
+            },
+            {
+              "id": "4f52df3f-e27a-4843-9b4a-4c64bdeb518f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "7acf209b-64c9-48fc-9dfc-9e433ea80c0c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getSqlQuery",
+                "parameters": {}
+              },
+              "sourceId": "a27104cf-5a0f-42b1-a30a-642463f03f0a",
+              "target": "component",
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-06-14T22:35:54.662Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "1c1053b8-3ec7-4238-9c09-fd969f50ba31",
+              "name": "getModels",
+              "options": {
+                "method": "get",
+                "url": "https://generativelanguage.googleapis.com/v1beta/models?key={{constants.GEMINI_API_KEY}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": null,
+                "body_toggle": false,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-12-03T00:55:43.489Z"
+            },
+            {
+              "id": "7acf209b-64c9-48fc-9dfc-9e433ea80c0c",
+              "name": "generateSqlQuery",
+              "options": {
+                "method": "post",
+                "url": "https://generativelanguage.googleapis.com/v1beta/{{components.modelDropdown.value}}:generateContent?key={{constants.GEMINI_API_KEY}}",
+                "url_params": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "headers": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "body": [
+                  [
+                    "",
+                    ""
+                  ]
+                ],
+                "json_body": "{{`{\n  \"contents\": [\n    {\n      \"parts\": [\n        {\n          \"text\": \"Generate a standard SQL query based on the following instruction: ${components.textPrompt.value.replaceAll('\\n', ' ').trim()}${components.databaseSchemaInput.value ? `. Use the following schema information: ${components.databaseSchemaInput.value.replaceAll('\\n', ' ').trim()}` : ''}. Format and indent the query correctly, without any code highlighting, comments or backticks, and ensure it ends with a semicolon.\"\n        }\n      ]\n    }\n  ]\n}`}}",
+                "body_toggle": true,
+                "transformationLanguage": "javascript",
+                "enableTransformation": false
+              },
+              "dataSourceId": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "createdAt": "2024-06-14T22:35:51.844Z",
+              "updatedAt": "2024-12-03T00:56:50.895Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T22:35:51.956Z",
+              "updatedAt": "2024-06-14T22:35:51.956Z"
+            },
+            {
+              "id": "8ac586c4-7cad-422f-8f1c-e35d35e9a842",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T22:35:52.115Z",
+              "updatedAt": "2024-06-14T22:35:52.115Z"
+            },
+            {
+              "id": "a6221ec0-bd7d-406c-89d4-d17ab7b272d5",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T22:35:52.271Z",
+              "updatedAt": "2024-06-14T22:35:52.271Z"
+            },
+            {
+              "id": "c81de18f-6c3f-4e7a-b8e3-c07b7677785c",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T22:35:52.430Z",
+              "updatedAt": "2024-06-14T22:35:52.430Z"
+            },
+            {
+              "id": "60b39ed8-ff1f-4445-a307-2ad3e4970e17",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-14T22:35:52.590Z",
+              "updatedAt": "2024-06-14T22:35:52.590Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "59822f62-e0c9-405b-986e-8d88c1ee4b94",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "6f8326a9-633b-4127-873e-52248aee7424",
+              "appId": "d3d51096-598c-4033-abbf-01b1355f6303",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-14T22:35:51.752Z",
+              "updatedAt": "2024-06-17T15:53:08.440Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "1bef7912-7912-4e42-bd53-68f8c9479e9f",
+              "dataSourceId": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.082Z",
+              "updatedAt": "2024-06-14T22:35:52.082Z"
+            },
+            {
+              "id": "f988398a-6d7f-496b-bbfb-a5e2c7643246",
+              "dataSourceId": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.083Z",
+              "updatedAt": "2024-06-14T22:35:52.083Z"
+            },
+            {
+              "id": "81694567-a615-4d8c-bb5c-7ea8190dbd10",
+              "dataSourceId": "323b9c1c-958e-41c9-91eb-5355c0c6fda8",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.083Z",
+              "updatedAt": "2024-06-14T22:35:52.083Z"
+            },
+            {
+              "id": "ed784153-1d8f-4cfd-8536-26b3adf97801",
+              "dataSourceId": "8ac586c4-7cad-422f-8f1c-e35d35e9a842",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.241Z",
+              "updatedAt": "2024-06-14T22:35:52.241Z"
+            },
+            {
+              "id": "e2f9c01d-1b5d-4bc2-a6b1-c880c690e407",
+              "dataSourceId": "8ac586c4-7cad-422f-8f1c-e35d35e9a842",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.241Z",
+              "updatedAt": "2024-06-14T22:35:52.241Z"
+            },
+            {
+              "id": "b7aa7706-5281-4365-9655-98dc6ff25b1a",
+              "dataSourceId": "8ac586c4-7cad-422f-8f1c-e35d35e9a842",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.241Z",
+              "updatedAt": "2024-06-14T22:35:52.241Z"
+            },
+            {
+              "id": "c132931e-bcee-4e09-88a0-0fb51204b50b",
+              "dataSourceId": "a6221ec0-bd7d-406c-89d4-d17ab7b272d5",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.397Z",
+              "updatedAt": "2024-06-14T22:35:52.397Z"
+            },
+            {
+              "id": "4dfc190e-761b-4e3e-b72a-e00fa6f83278",
+              "dataSourceId": "a6221ec0-bd7d-406c-89d4-d17ab7b272d5",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.397Z",
+              "updatedAt": "2024-06-14T22:35:52.397Z"
+            },
+            {
+              "id": "c1dff316-acd7-4fde-8805-372efc73e5ca",
+              "dataSourceId": "a6221ec0-bd7d-406c-89d4-d17ab7b272d5",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.397Z",
+              "updatedAt": "2024-06-14T22:35:52.397Z"
+            },
+            {
+              "id": "3dee5833-e2ee-4a27-824a-4b0844a064e2",
+              "dataSourceId": "c81de18f-6c3f-4e7a-b8e3-c07b7677785c",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.559Z",
+              "updatedAt": "2024-06-14T22:35:52.559Z"
+            },
+            {
+              "id": "82e81e99-cc38-4d38-9c93-d6870e249140",
+              "dataSourceId": "c81de18f-6c3f-4e7a-b8e3-c07b7677785c",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.559Z",
+              "updatedAt": "2024-06-14T22:35:52.559Z"
+            },
+            {
+              "id": "4fb58451-9683-4b2f-9baa-6b0b86226daf",
+              "dataSourceId": "c81de18f-6c3f-4e7a-b8e3-c07b7677785c",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.559Z",
+              "updatedAt": "2024-06-14T22:35:52.559Z"
+            },
+            {
+              "id": "7444d199-606a-4d45-9ff8-a3a7b9cf2256",
+              "dataSourceId": "60b39ed8-ff1f-4445-a307-2ad3e4970e17",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.715Z",
+              "updatedAt": "2024-06-14T22:35:52.715Z"
+            },
+            {
+              "id": "daf53459-1885-4a61-9a72-91555ffdfaf9",
+              "dataSourceId": "60b39ed8-ff1f-4445-a307-2ad3e4970e17",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.715Z",
+              "updatedAt": "2024-06-14T22:35:52.715Z"
+            },
+            {
+              "id": "dfc63e8d-f9e0-464e-9c31-26e7c3e8e650",
+              "dataSourceId": "60b39ed8-ff1f-4445-a307-2ad3e4970e17",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-14T22:35:52.715Z",
+              "updatedAt": "2024-06-14T22:35:52.715Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/ai-powered-sql-query-generator/manifest.json b/server/templates/ai-powered-sql-query-generator/manifest.json
new file mode 100644
index 0000000000..aa6ffc641a
--- /dev/null
+++ b/server/templates/ai-powered-sql-query-generator/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "AI powered SQL query generator",
+  "description": "Leverage Gemini AI and REST API to generate optimized SQL queries. Enhance database performance and simplify complex data retrieval.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "RestAPI",
+      "id": "restapi"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "ai-powered-sql-query-generator",
+  "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/applicant-tracking-system/definition.json b/server/templates/applicant-tracking-system/definition.json
index 156fd561d9..1cbb87e6b8 100644
--- a/server/templates/applicant-tracking-system/definition.json
+++ b/server/templates/applicant-tracking-system/definition.json
@@ -2326,8 +2326,7 @@
                                                             "value": "#3e63ddff"
                                                         },
                                                         "visibility": {
-                                                            "value": "",
-                                                            "fxActive": false
+                                                            "value": "{{true}}"
                                                         },
                                                         "borderRadius": {
                                                             "value": "{{5}}"
@@ -2401,7 +2400,7 @@
                                                             {
                                                                 "handle": "visible",
                                                                 "displayName": "Value",
-                                                                "defaultValue": "{{false}}",
+                                                                "defaultValue": "{{true}}",
                                                                 "type": "toggle"
                                                             }
                                                         ]
@@ -11799,7 +11798,7 @@
                                                             {
                                                                 "handle": "visible",
                                                                 "displayName": "Value",
-                                                                "defaultValue": "{{false}}",
+                                                                "defaultValue": "{{true}}",
                                                                 "type": "toggle"
                                                             }
                                                         ]
@@ -19708,8 +19707,7 @@
                                     "value": "#3e63ddff"
                                 },
                                 "visibility": {
-                                    "value": "",
-                                    "fxActive": false
+                                    "value": "{{true}}"
                                 },
                                 "borderRadius": {
                                     "value": "{{5}}"
@@ -25697,8 +25695,7 @@
                                                                 "value": "#3e63ddff"
                                                             },
                                                             "visibility": {
-                                                                "value": "",
-                                                                "fxActive": false
+                                                                "value": "{{true}}"
                                                             },
                                                             "borderRadius": {
                                                                 "value": "{{5}}"
diff --git a/server/templates/base64-encoder-decoder/definition.json b/server/templates/base64-encoder-decoder/definition.json
new file mode 100644
index 0000000000..272970786b
--- /dev/null
+++ b/server/templates/base64-encoder-decoder/definition.json
@@ -0,0 +1,1629 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "c48b7a8b-20c4-4e05-8030-8dd271830fd7",
+          "name": "base64-encoder-decoder",
+          "slug": "c48b7a8b-20c4-4e05-8030-8dd271830fd7",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "server",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-12-02T22:29:10.898Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-12-02T22:29:11.201Z",
+          "editingVersion": {
+            "id": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+            "appId": "c48b7a8b-20c4-4e05-8030-8dd271830fd7",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-12-02T22:29:10.908Z",
+            "updatedAt": "2024-12-02T22:29:11.192Z"
+          },
+          "components": [
+            {
+              "id": "fe8d1480-ab52-4e41-bb0f-5e98fa6f8640",
+              "name": "input1",
+              "type": "TextArea",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter text to be encoded"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{10}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "d7ee2225-134c-439a-8ec3-20376f7dca8f",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 1,
+                  "width": 17.999999999999996,
+                  "height": 530,
+                  "componentId": "fe8d1480-ab52-4e41-bb0f-5e98fa6f8640",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "d8229df6-fb2d-4103-86e7-10957fbb860c",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 0,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "fe8d1480-ab52-4e41-bb0f-5e98fa6f8640",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "a4affc59-7eba-48ea-8f43-6ad07f629971",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "text": {
+                  "value": "Copy 📋"
+                },
+                "tooltip": {
+                  "value": "Copy to clipboard"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#aaaaaaff"
+                },
+                "loaderColor": {
+                  "value": "#888888ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#888888ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "424f424a-09aa-468b-b7df-f1a2e7bc6923",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "a4affc59-7eba-48ea-8f43-6ad07f629971",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "355af76b-6485-4877-b5cb-b9f895633d72",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "a4affc59-7eba-48ea-8f43-6ad07f629971",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "bdfc816a-70be-411e-927e-bc9bd48df01c",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "text": {
+                  "value": "Encoded base64:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "58f0e891-6968-4fa7-a9b0-914cb6fe5f16",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 24,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "bdfc816a-70be-411e-927e-bc9bd48df01c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "5f7170f9-b1ed-4113-9a25-d45ff17a7601",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "bdfc816a-70be-411e-927e-bc9bd48df01c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "e2e4d6f6-f2ba-4991-aae8-18c32731af88",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "text": {
+                  "value": "Text to be encoded:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "4872f385-a169-425b-977f-f6a20fb0014b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "e2e4d6f6-f2ba-4991-aae8-18c32731af88",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "c19c0b85-dd95-4b04-9a9f-ee407a132416",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e2e4d6f6-f2ba-4991-aae8-18c32731af88",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "2c446043-7721-4734-b725-a337ea7b78d5",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "text": {
+                  "value": ">>"
+                },
+                "tooltip": {
+                  "value": "Encode text to base64"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{10}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "add3afcf-1e75-467e-86cf-c9929f4de4af",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "2c446043-7721-4734-b725-a337ea7b78d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "5c4b4c6e-ac8e-43f5-a26c-ced2f74af885",
+                  "type": "desktop",
+                  "top": 300,
+                  "left": 20,
+                  "width": 3,
+                  "height": 50,
+                  "componentId": "2c446043-7721-4734-b725-a337ea7b78d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "a346dbe4-e850-4044-8553-e06d3d4d8121",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "56441e66-310f-4043-9bd8-32ce31ad132f",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "de674169-6f9d-4b5c-afa4-863788a78afd",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "a346dbe4-e850-4044-8553-e06d3d4d8121",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "ced443a7-e564-41d3-b284-b6f664353b19",
+                  "type": "mobile",
+                  "top": 780,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "6cdabe7b-763a-4aa6-b20e-acb397dd1edf",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "f14ffb6b-fcae-4c54-8e00-52aa7f09c6cf",
+              "name": "output1",
+              "type": "TextArea",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "fc2c81f9-1b5f-45e1-99e9-c40ec2032e46",
+              "properties": {
+                "value": {
+                  "value": "{{queries.encodeTextToBase64.data.encodedValue}}"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "borderRadius": {
+                  "value": "{{10}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "22cea497-a9c4-4f0c-8cd9-029de3bcdb52",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 24,
+                  "width": 17.999999999999996,
+                  "height": 530,
+                  "componentId": "f14ffb6b-fcae-4c54-8e00-52aa7f09c6cf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "4a2d12d0-9c52-4747-9fc8-3b169c3277bd",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 0,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "f14ffb6b-fcae-4c54-8e00-52aa7f09c6cf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "56441e66-310f-4043-9bd8-32ce31ad132f",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "eb992bbc-43b8-448b-bb6c-8856cf8fb293",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "56441e66-310f-4043-9bd8-32ce31ad132f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "ed9fa73c-b452-453e-b926-7cd818740f4a",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "parent": "56441e66-310f-4043-9bd8-32ce31ad132f",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Base64 Encoder</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "96ed9082-a88f-4b95-9958-e4648698bb08",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "ed9fa73c-b452-453e-b926-7cd818740f4a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "29f79bf4-824d-497f-bfc9-0fa7d22bb23d",
+              "name": "input1",
+              "type": "TextArea",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter base64 to be decoded"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{10}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "ac5d44a9-d551-4419-a71d-92b5e63c46cd",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 1,
+                  "width": 17.999999999999996,
+                  "height": 530,
+                  "componentId": "29f79bf4-824d-497f-bfc9-0fa7d22bb23d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "45cf2ea0-1d15-4f15-a1e3-9c2fd76c05bf",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 0,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "29f79bf4-824d-497f-bfc9-0fa7d22bb23d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "191509fb-29a1-46f9-8110-aed4a6603f45",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "60fb141e-da74-4f8c-b152-316a7dd5394e",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Base64 Decoder</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "589d2518-cb39-459a-9148-a796c84ef3de",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "191509fb-29a1-46f9-8110-aed4a6603f45",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "4b300c29-6b22-42c6-8f3b-5833a1de5f24",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "76310083-8826-43fc-a65d-2e85fbaa9141",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "1fe9d9c4-d02a-4963-ae6b-b7ce4db8b222",
+                  "type": "mobile",
+                  "top": 780,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "76310083-8826-43fc-a65d-2e85fbaa9141",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "17c3874f-b783-4efe-9b3e-e84034c308f0",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "text": {
+                  "value": "Copy 📋"
+                },
+                "tooltip": {
+                  "value": "Copy to clipboard"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#aaaaaaff"
+                },
+                "loaderColor": {
+                  "value": "#888888ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#888888ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "aa747ab0-1c0e-4527-b051-fdcaeead4117",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "17c3874f-b783-4efe-9b3e-e84034c308f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "07576e7c-4ddd-4ce1-8459-bea6abc2f5b0",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "17c3874f-b783-4efe-9b3e-e84034c308f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "7a5b7107-a007-416c-9d04-0c3c38570a9c",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "text": {
+                  "value": "Base64 to be decoded:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "b790fa16-a653-4a7a-9c79-43ac4add85af",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "7a5b7107-a007-416c-9d04-0c3c38570a9c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "51f27c08-5e97-41a5-a551-a973ee11a1fb",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7a5b7107-a007-416c-9d04-0c3c38570a9c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "6a96b9ec-05d3-46b4-b88c-fd90294adc4e",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "60fb141e-da74-4f8c-b152-316a7dd5394e",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "021b698f-91f0-4632-b107-dec04387f166",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6a96b9ec-05d3-46b4-b88c-fd90294adc4e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "b622a587-710f-4f5f-99ee-fcf42e688059",
+              "name": "output1",
+              "type": "TextArea",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "value": {
+                  "value": "{{queries.decodeBase64ToText.data.decodedValue}}"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "borderRadius": {
+                  "value": "{{10}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "ad4c3ee5-28d8-42b5-94a8-7e0242b4db7a",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 0,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "b622a587-710f-4f5f-99ee-fcf42e688059",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "36ce6902-0eab-4298-a5b8-08f41783968e",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 24,
+                  "width": 17.999999999999996,
+                  "height": 530,
+                  "componentId": "b622a587-710f-4f5f-99ee-fcf42e688059",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "eb361733-b157-4220-928d-73a1cea79108",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "text": {
+                  "value": "Decoded text:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "aa3782be-b864-45fc-9fb0-61425e99d313",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "eb361733-b157-4220-928d-73a1cea79108",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "03363569-99bd-4289-8ab5-eb9edb5ce274",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 24,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "eb361733-b157-4220-928d-73a1cea79108",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "60fb141e-da74-4f8c-b152-316a7dd5394e",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "3efcc620-6e3d-436e-8231-2ac307d0096c",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "60fb141e-da74-4f8c-b152-316a7dd5394e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            },
+            {
+              "id": "29fea956-8eae-4256-9e72-9838cc47cf7d",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "parent": "76310083-8826-43fc-a65d-2e85fbaa9141",
+              "properties": {
+                "text": {
+                  "value": ">>"
+                },
+                "tooltip": {
+                  "value": "Decode base64 to text"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{10}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "layouts": [
+                {
+                  "id": "c5fd562c-90db-4aa3-a838-64f541c57f79",
+                  "type": "desktop",
+                  "top": 300,
+                  "left": 20,
+                  "width": 3,
+                  "height": 50,
+                  "componentId": "29fea956-8eae-4256-9e72-9838cc47cf7d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                },
+                {
+                  "id": "00b85418-a827-43b2-9c32-c48020d88293",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "29fea956-8eae-4256-9e72-9838cc47cf7d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:29:10.913Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "name": "Encoder",
+              "handle": "encoder",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "autoComputeLayout": false,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "d82cb421-a8e9-4798-93fb-dfb4f4e8379a",
+              "name": "Decoder",
+              "handle": "decoder",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z",
+              "autoComputeLayout": false,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "40fccb71-1da9-431b-8e3f-e20735e6ed73",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{queries.encodeTextToBase64.data.encodedValue}}"
+              },
+              "sourceId": "a4affc59-7eba-48ea-8f43-6ad07f629971",
+              "target": "component",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z"
+            },
+            {
+              "id": "28852c3d-ad99-4b26-984e-c78b520bc899",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{queries.decodeBase64ToText.data.decodedValue}}"
+              },
+              "sourceId": "17c3874f-b783-4efe-9b3e-e84034c308f0",
+              "target": "component",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z"
+            },
+            {
+              "id": "417bbdb1-1ca6-462f-a1df-501d7f443e9b",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "693022ab-8228-47f3-ae0c-5f82e19735a4",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{queries.Decode64.data.decodedValue}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New Text"
+                  }
+                ]
+              },
+              "sourceId": "86ef8dfa-0fe1-4c23-b94a-2d4628aba00d",
+              "target": "data_query",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z"
+            },
+            {
+              "id": "88912a1e-0e75-482d-8ac6-14ae1113ea6b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "3a2ea13d-36e2-4e65-ac6f-9d56e98f4d06",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "Encode64",
+                "runOnlyIf": "{{components.input1.value != null}}",
+                "parameters": {}
+              },
+              "sourceId": "2c446043-7721-4734-b725-a337ea7b78d5",
+              "target": "component",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:11.170Z"
+            },
+            {
+              "id": "2c8b132e-16cf-4142-af1f-c9234b3c90bc",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "86ef8dfa-0fe1-4c23-b94a-2d4628aba00d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "decodeBase64ToText",
+                "runOnlyIf": "{{components.input1.value != null}}",
+                "parameters": {}
+              },
+              "sourceId": "29fea956-8eae-4256-9e72-9838cc47cf7d",
+              "target": "component",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:11.176Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "3a2ea13d-36e2-4e65-ac6f-9d56e98f4d06",
+              "name": "encodeTextToBase64",
+              "options": {
+                "code": "function base64Encode(str) {\n  const base64EncodeChars =\n    \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\n  let out = \"\",\n    i = 0,\n    len = str.length;\n  let c1, c2, c3;\n\n  while (i < len) {\n    c1 = str.charCodeAt(i++) & 0xff;\n    if (i == len) {\n      out += base64EncodeChars.charAt(c1 >> 2);\n      out += base64EncodeChars.charAt((c1 & 0x3) << 4);\n      out += \"==\";\n      break;\n    }\n\n    c2 = str.charCodeAt(i++);\n    if (i == len) {\n      out += base64EncodeChars.charAt(c1 >> 2);\n      out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xf0) >> 4));\n      out += base64EncodeChars.charAt((c2 & 0xf) << 2);\n      out += \"=\";\n      break;\n    }\n\n    c3 = str.charCodeAt(i++);\n    out += base64EncodeChars.charAt(c1 >> 2);\n    out += base64EncodeChars.charAt(((c1 & 0x3) << 4) | ((c2 & 0xf0) >> 4));\n    out += base64EncodeChars.charAt(((c2 & 0xf) << 2) | ((c3 & 0xc0) >> 6));\n    out += base64EncodeChars.charAt(c3 & 0x3f);\n  }\n\n  return out;\n}\n\nfunction encodeBase64() {\n  const input = components.input1.value;\n  const encodedValue = base64Encode(input);\n  return encodedValue;\n}\n\nreturn { encodedValue: encodeBase64() };",
+                "parameters": [],
+                "showSuccessNotification": false,
+                "successMessage": "Successfully Encoded value"
+              },
+              "dataSourceId": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z"
+            },
+            {
+              "id": "86ef8dfa-0fe1-4c23-b94a-2d4628aba00d",
+              "name": "decodeBase64ToText",
+              "options": {
+                "code": "function base64Decode(str) {\n  const base64DecodeChars =\n    \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/\";\n  let c1, c2, c3, c4;\n  let i = 0,\n    len = str.length,\n    out = \"\";\n\n  while (i < len) {\n    do {\n      c1 = base64DecodeChars.indexOf(str.charAt(i++));\n    } while (i < len && c1 == -1);\n    if (c1 == -1) break;\n\n    do {\n      c2 = base64DecodeChars.indexOf(str.charAt(i++));\n    } while (i < len && c2 == -1);\n    if (c2 == -1) break;\n\n    out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));\n\n    do {\n      c3 = str.charAt(i++);\n      if (c3 == \"=\") return out;\n      c3 = base64DecodeChars.indexOf(c3);\n    } while (i < len && c3 == -1);\n    if (c3 == -1) break;\n\n    out += String.fromCharCode(((c2 & 0xf) << 4) | ((c3 & 0x3c) >> 2));\n\n    do {\n      c4 = str.charAt(i++);\n      if (c4 == \"=\") return out;\n      c4 = base64DecodeChars.indexOf(c4);\n    } while (i < len && c4 == -1);\n    if (c4 == -1) break;\n\n    out += String.fromCharCode(((c3 & 0x03) << 6) | c4);\n  }\n\n  return out;\n}\n\nfunction decodeBase64() {\n  const input = components.input1.value;\n  const decodedValue = base64Decode(input);\n  return decodedValue;\n}\nreturn { decodedValue: decodeBase64() };",
+                "parameters": []
+              },
+              "dataSourceId": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "createdAt": "2024-12-02T22:29:10.913Z",
+              "updatedAt": "2024-12-02T22:29:10.913Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "06bb3742-2b08-4072-9c72-a5abf3bec01e",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-02T22:29:10.919Z",
+              "updatedAt": "2024-12-02T22:29:10.919Z"
+            },
+            {
+              "id": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-02T22:29:10.926Z",
+              "updatedAt": "2024-12-02T22:29:10.926Z"
+            },
+            {
+              "id": "75dcfab1-8207-4531-a438-e055c7069abc",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-02T22:29:10.932Z",
+              "updatedAt": "2024-12-02T22:29:10.932Z"
+            },
+            {
+              "id": "28a9d9b7-eeae-444f-ad1d-fdd1fb3caec4",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-02T22:29:10.938Z",
+              "updatedAt": "2024-12-02T22:29:10.938Z"
+            },
+            {
+              "id": "01cf55c9-51bd-4b08-9d39-26b67cce1aa8",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-02T22:29:10.945Z",
+              "updatedAt": "2024-12-02T22:29:10.945Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "0ea57942-8b39-475c-b490-bef538b2dfdd",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{false}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "2173af7b-e873-4d85-add2-7d58588caa52",
+              "appId": "c48b7a8b-20c4-4e05-8030-8dd271830fd7",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-12-02T22:29:10.908Z",
+              "updatedAt": "2024-12-02T22:29:11.192Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "07721e21-7f8d-4e2a-9c66-92fb2d5c7cf1",
+              "dataSourceId": "06bb3742-2b08-4072-9c72-a5abf3bec01e",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.924Z",
+              "updatedAt": "2024-12-02T22:29:10.924Z"
+            },
+            {
+              "id": "c4fb048d-db5b-4ad5-a08a-2b0c9cd192c1",
+              "dataSourceId": "06bb3742-2b08-4072-9c72-a5abf3bec01e",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.924Z",
+              "updatedAt": "2024-12-02T22:29:10.924Z"
+            },
+            {
+              "id": "453bcd2e-4b6b-4a0d-8546-d64e6f6ae7b5",
+              "dataSourceId": "06bb3742-2b08-4072-9c72-a5abf3bec01e",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.924Z",
+              "updatedAt": "2024-12-02T22:29:10.924Z"
+            },
+            {
+              "id": "b51e3203-a8ba-476f-ab47-f82100df0853",
+              "dataSourceId": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.931Z",
+              "updatedAt": "2024-12-02T22:29:10.931Z"
+            },
+            {
+              "id": "50220f4e-861c-404c-88b0-46fa29ca074d",
+              "dataSourceId": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.931Z",
+              "updatedAt": "2024-12-02T22:29:10.931Z"
+            },
+            {
+              "id": "a1d92770-5e5c-46b1-8e8a-78b81cd46aaa",
+              "dataSourceId": "3184967f-442d-4f6b-aacf-3e26872af7b5",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.931Z",
+              "updatedAt": "2024-12-02T22:29:10.931Z"
+            },
+            {
+              "id": "9c61a84c-9344-422a-af0c-2b99215cc7fc",
+              "dataSourceId": "75dcfab1-8207-4531-a438-e055c7069abc",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.937Z",
+              "updatedAt": "2024-12-02T22:29:10.937Z"
+            },
+            {
+              "id": "90dca428-e094-4553-a705-57121fa9276c",
+              "dataSourceId": "75dcfab1-8207-4531-a438-e055c7069abc",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.937Z",
+              "updatedAt": "2024-12-02T22:29:10.937Z"
+            },
+            {
+              "id": "05a84136-30c3-451c-99f7-245bd9110cbd",
+              "dataSourceId": "75dcfab1-8207-4531-a438-e055c7069abc",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.937Z",
+              "updatedAt": "2024-12-02T22:29:10.937Z"
+            },
+            {
+              "id": "a26d1df5-cd59-4585-b87c-51c35b557a70",
+              "dataSourceId": "28a9d9b7-eeae-444f-ad1d-fdd1fb3caec4",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.943Z",
+              "updatedAt": "2024-12-02T22:29:10.943Z"
+            },
+            {
+              "id": "0ce68d5e-3f94-40e3-a61d-5c03829dab1e",
+              "dataSourceId": "28a9d9b7-eeae-444f-ad1d-fdd1fb3caec4",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.943Z",
+              "updatedAt": "2024-12-02T22:29:10.943Z"
+            },
+            {
+              "id": "e5fe42f6-6686-4dee-860a-496a53595e2c",
+              "dataSourceId": "28a9d9b7-eeae-444f-ad1d-fdd1fb3caec4",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.943Z",
+              "updatedAt": "2024-12-02T22:29:10.943Z"
+            },
+            {
+              "id": "e45200f1-0ab8-4140-8926-7401978aa0d7",
+              "dataSourceId": "01cf55c9-51bd-4b08-9d39-26b67cce1aa8",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.949Z",
+              "updatedAt": "2024-12-02T22:29:10.949Z"
+            },
+            {
+              "id": "0b0d9293-8ea0-4147-84d6-2945290bf046",
+              "dataSourceId": "01cf55c9-51bd-4b08-9d39-26b67cce1aa8",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.949Z",
+              "updatedAt": "2024-12-02T22:29:10.949Z"
+            },
+            {
+              "id": "b020f5bf-1f30-40d7-be9f-62293076af3f",
+              "dataSourceId": "01cf55c9-51bd-4b08-9d39-26b67cce1aa8",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-02T22:29:10.949Z",
+              "updatedAt": "2024-12-02T22:29:10.949Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/base64-encoder-decoder/manifest.json b/server/templates/base64-encoder-decoder/manifest.json
new file mode 100644
index 0000000000..f56c6582c4
--- /dev/null
+++ b/server/templates/base64-encoder-decoder/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Base64 encoder & decoder",
+  "description": "Encrypt and decrypt data for secure transmission and storage.",
+  "widgets": [
+    "Table",
+    "Chart"
+  ],
+  "sources": [
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "base64-encoder-decoder",
+  "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/course-management-system/definition.json b/server/templates/course-management-system/definition.json
new file mode 100644
index 0000000000..a4639d0302
--- /dev/null
+++ b/server/templates/course-management-system/definition.json
@@ -0,0 +1,5667 @@
+{
+  "tooljet_database": [
+    {
+      "id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+      "table_name": "course_details",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"66d17687-08c6-4d2f-9898-2ff5637a134a_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "Name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Instructor",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Total_batches",
+            "data_type": "integer",
+            "column_default": "1",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Graduates",
+            "data_type": "integer",
+            "column_default": "0",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Next_batch_starts_on",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "Category",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "2b8eb6fe-7f55-4a41-8adb-007ee28d0ce1",
+          "name": "course-management-system-final",
+          "slug": "2b8eb6fe-7f55-4a41-8adb-007ee28d0ce1",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "home",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-22T01:06:37.570Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-22T23:07:52.726Z",
+          "editingVersion": {
+            "id": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#2f3c4c",
+              "backgroundFxQuery": "#2f3c4c",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+            "appId": "2b8eb6fe-7f55-4a41-8adb-007ee28d0ce1",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-22T01:06:37.585Z",
+            "updatedAt": "2024-12-02T23:01:51.793Z"
+          },
+          "components": [
+            {
+              "id": "82b64c22-0383-4b65-b0e6-a60b38676dec",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:07:16.832Z",
+              "layouts": [
+                {
+                  "id": "e94476b9-37ee-4def-addd-ae5ac33cc6c7",
+                  "type": "mobile",
+                  "top": 120,
+                  "left": 6,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "82b64c22-0383-4b65-b0e6-a60b38676dec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "3e4f5722-d8a9-4a47-b17c-89814e4f683a",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 70,
+                  "componentId": "82b64c22-0383-4b65-b0e6-a60b38676dec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:59.715Z"
+                }
+              ]
+            },
+            {
+              "id": "299ea46c-c59b-443f-a500-2eedacea68b8",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "82b64c22-0383-4b65-b0e6-a60b38676dec",
+              "properties": {
+                "text": {
+                  "value": "Course Management System"
+                },
+                "textFormat": {
+                  "value": "html"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "beeaf412-e7b1-4789-bb1d-222c6a9e8a70",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 36,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "299ea46c-c59b-443f-a500-2eedacea68b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "1a10fe19-0a7d-431d-9ca6-6f8733c098fd",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 32,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "299ea46c-c59b-443f-a500-2eedacea68b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "c1f8b85f-042f-4da9-8f4b-691ac14f8a2c",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "82b64c22-0383-4b65-b0e6-a60b38676dec",
+              "properties": {
+                "icon": {
+                  "value": "IconDeviceLaptop"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "776f57e5-1f6d-4929-92b3-3b309fcd8f71",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 0,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "c1f8b85f-042f-4da9-8f4b-691ac14f8a2c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "d995e609-62dd-450c-ad38-d42e6c131f56",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 1,
+                  "width": 3,
+                  "height": 60,
+                  "componentId": "c1f8b85f-042f-4da9-8f4b-691ac14f8a2c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:14:36.616Z"
+                }
+              ]
+            },
+            {
+              "id": "af83c789-de5f-42cd-bac4-bd580f0fac93",
+              "name": "tabs1",
+              "type": "Tabs",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {
+                "tabs": {
+                  "value": "{{[ \n\t\t{ title: 'Edit course', id: '0' }, \n\t\t{ title: 'Add Course', id: '1' } \n ]}}"
+                },
+                "renderOnlyActiveTab": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:22:25.332Z",
+              "layouts": [
+                {
+                  "id": "5a19b872-74c6-4ba9-bbe9-9182f2109a6b",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 1,
+                  "width": 30,
+                  "height": 300,
+                  "componentId": "af83c789-de5f-42cd-bac4-bd580f0fac93",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "9aa17619-66a7-4f15-a4cb-a3b83129ca27",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 29,
+                  "width": 13,
+                  "height": 630,
+                  "componentId": "af83c789-de5f-42cd-bac4-bd580f0fac93",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-02T22:54:28.205Z"
+                }
+              ]
+            },
+            {
+              "id": "86e56bad-3797-403e-a077-fe467dd4e828",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-2",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "3b4b8450-db72-4c2a-b677-1e69d1babc72",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 1,
+                  "width": 41,
+                  "height": 250,
+                  "componentId": "86e56bad-3797-403e-a077-fe467dd4e828",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "f483ea17-b305-4aab-8ebe-a148a4f6570b",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Add new course"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "center"
+                },
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#6483e8ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "92fb0450-f5ae-4ccc-b8d4-3938e4c907f9",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 50,
+                  "componentId": "f483ea17-b305-4aab-8ebe-a148a4f6570b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "d9fdfcf4-02d3-4224-9215-faf784686a28",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": -1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "f483ea17-b305-4aab-8ebe-a148a4f6570b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "name": "table2",
+              "type": "Table",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {
+                "data": {
+                  "value": "{{queries.4e201fca-599e-4451-9fc5-9907d7b92a14.data}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2": 92,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 93,
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 155,
+                    "27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc": 109,
+                    "9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56": 163,
+                    "f4d8dd1a-0921-4fd1-9f04-6e2789612015": 80,
+                    "6b612e0e-25d4-4e09-8eeb-694e78bdd9b3": 132,
+                    "0a294911-9980-4d70-8fd7-476b396f089e": 135,
+                    "6a782377-8542-4fa7-b273-38cf9262cf9f": 144,
+                    "12187103-a677-4f04-900e-80765a2289f7": 119,
+                    "35c50f67-1617-4d9a-ad7c-1ceb34689980": 135
+                  }
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "f4d8dd1a-0921-4fd1-9f04-6e2789612015",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "name": "Name",
+                      "key": "Name",
+                      "id": "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "objectFit": "contain",
+                      "borderRadius": "100",
+                      "columnSize": 70,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "93493191-c444-4493-894d-ddc3ac485268",
+                      "name": "Category",
+                      "key": "Category",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "0a294911-9980-4d70-8fd7-476b396f089e",
+                      "name": "Instructor",
+                      "key": "Instructor",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "6b612e0e-25d4-4e09-8eeb-694e78bdd9b3",
+                      "name": "Description",
+                      "key": "Description",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "6a782377-8542-4fa7-b273-38cf9262cf9f",
+                      "name": "Total_batches",
+                      "key": "Total_batches",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "12187103-a677-4f04-900e-80765a2289f7",
+                      "name": "Graduates",
+                      "key": "Graduates",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "35c50f67-1617-4d9a-ad7c-1ceb34689980",
+                      "name": "Next_batch_starts_on",
+                      "key": "Next_batch_starts_on",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "name",
+                    "email",
+                    "date",
+                    "mobile_number",
+                    "interest"
+                  ]
+                },
+                "showFilterButton": {
+                  "value": "{{true}}"
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "fxActiveFields": [
+                        "disableActionButton"
+                      ],
+                      "disableActionButton": "{{queries.6ba1c2a7-bb71-41ed-acea-24b74af97b3a.isLoading}}"
+                    }
+                  ]
+                },
+                "allowSelection": {
+                  "fxActive": false,
+                  "value": "{{true}}"
+                },
+                "selectRowOnCellEdit": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":-1}}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.4e201fca-599e-4451-9fc5-9907d7b92a14.isLoading}}"
+                },
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "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}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "4"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "borderRadius": {
+                  "value": "8"
+                },
+                "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-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-07T01:24:30.664Z",
+              "layouts": [
+                {
+                  "id": "50a58c44-3c39-4003-a5ec-2033e186b290",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "e60631f6-ba87-4690-888c-a96b5df00104",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "872774f9-f8c4-4746-90a9-c0dcee195750",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 1,
+                  "width": 27,
+                  "height": 630,
+                  "componentId": "e60631f6-ba87-4690-888c-a96b5df00104",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:10:47.784Z"
+                }
+              ]
+            },
+            {
+              "id": "a8890863-460d-4c07-8c75-3dbbb08f2284",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Add new course"
+                },
+                "visibility": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#6483e8ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textSize": {
+                  "value": "18"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "61e0f35c-6593-4e90-81c2-95882b0db5fa",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 50,
+                  "componentId": "a8890863-460d-4c07-8c75-3dbbb08f2284",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "3a0a22a9-cd7c-44ab-b993-ecda575a40f3",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": -1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "a8890863-460d-4c07-8c75-3dbbb08f2284",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "8d2e2814-ec9d-41ca-a8f1-4ef029d79472",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Edit course details"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#6483e8ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textSize": {
+                  "value": "18"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "42269c86-9da7-4410-9cab-3f013e51718f",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": -1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8d2e2814-ec9d-41ca-a8f1-4ef029d79472",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "40556c61-b18f-41e6-87b5-8d3b9f121d6d",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 50,
+                  "componentId": "8d2e2814-ec9d-41ca-a8f1-4ef029d79472",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "644e5422-fc7b-4568-ae00-89fd20b1c455",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter course's name"
+                },
+                "value": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:54:49.542Z",
+              "layouts": [
+                {
+                  "id": "6793a5a3-065f-4e61-a456-e6cde5c3a21c",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 7,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "644e5422-fc7b-4568-ae00-89fd20b1c455",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "a9047778-ee09-4938-ab0d-da890fe80ae1",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "644e5422-fc7b-4568-ae00-89fd20b1c455",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:03:49.237Z"
+                }
+              ]
+            },
+            {
+              "id": "8f1f82cd-32e0-42c9-af20-080691b45a72",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Batches"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:04:41.188Z",
+              "layouts": [
+                {
+                  "id": "cdd83373-dd7f-46bb-bc82-244ef7e25da3",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8f1f82cd-32e0-42c9-af20-080691b45a72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "8595e9ee-29ac-4a22-99f5-d0ef9d957798",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "8f1f82cd-32e0-42c9-af20-080691b45a72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:23.572Z"
+                }
+              ]
+            },
+            {
+              "id": "a7faefb3-4c9f-48e5-8094-a21548cc4d98",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:43.251Z",
+              "layouts": [
+                {
+                  "id": "bb359bef-c217-4b1d-9f1d-f025a5ff51c3",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "a7faefb3-4c9f-48e5-8094-a21548cc4d98",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "23e7a79e-7ff8-4e0e-be22-cbd8867de274",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "a7faefb3-4c9f-48e5-8094-a21548cc4d98",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:20.949Z"
+                }
+              ]
+            },
+            {
+              "id": "c171ea9e-0e02-440a-9ebd-c871ea63f707",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{queries.4e201fca-599e-4451-9fc5-9907d7b92a14.isLoading}}"
+                },
+                "text": {
+                  "value": "Filter"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderColor": {
+                  "value": "#4368E3"
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#4368E3"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-07T01:23:56.539Z",
+              "layouts": [
+                {
+                  "id": "f8138a67-b88d-45c0-846b-c40ee560268b",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 24,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "c171ea9e-0e02-440a-9ebd-c871ea63f707",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:00:52.117Z"
+                },
+                {
+                  "id": "7639fd1b-2694-47d0-a06a-eaee318b08b3",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 24,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "c171ea9e-0e02-440a-9ebd-c871ea63f707",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "a8080230-55e3-4b84-b063-232f7eccecfd",
+              "name": "textinput6",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:40.749Z",
+              "layouts": [
+                {
+                  "id": "6c3f5aa1-6d4d-4636-b391-54623c7fbfdc",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "a8080230-55e3-4b84-b063-232f7eccecfd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:57.935Z"
+                },
+                {
+                  "id": "3cf3ff4c-466a-4ffb-9081-bade8700f162",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "a8080230-55e3-4b84-b063-232f7eccecfd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "ff1941ce-1c0a-4506-91f0-af833ad6e8d9",
+              "name": "textinput5",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:56:08.018Z",
+              "layouts": [
+                {
+                  "id": "cf179501-52a1-43d8-bb6e-d0f65f64b65b",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "ff1941ce-1c0a-4506-91f0-af833ad6e8d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:15.054Z"
+                },
+                {
+                  "id": "ee11ed55-24ae-4c90-9c1e-9f9210c345f5",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "ff1941ce-1c0a-4506-91f0-af833ad6e8d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "5d0da7cf-a359-4bd2-aa23-561e83654e57",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Update details"
+                },
+                "loadingState": {
+                  "value": "{{queries.4c9ccb82-6404-47a3-9210-66dc3cf1174c.isLoading }}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{!(components.table2.selectedRow.id)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{8}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d81c580b-8215-471a-be8c-78f13b049342",
+                  "type": "desktop",
+                  "top": 530,
+                  "left": 1,
+                  "width": 40,
+                  "height": 40,
+                  "componentId": "5d0da7cf-a359-4bd2-aa23-561e83654e57",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:08:59.438Z"
+                },
+                {
+                  "id": "950cd555-8a53-49ee-8d42-c40edc671f6a",
+                  "type": "mobile",
+                  "top": 430,
+                  "left": 26,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "5d0da7cf-a359-4bd2-aa23-561e83654e57",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "98044b83-51da-4c8d-a63d-a0b60a9e46ca",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{\"Artificial Intelligence\"}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "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]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "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-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:05.299Z",
+              "layouts": [
+                {
+                  "id": "b770ede4-e6be-4d81-b459-75e267115f16",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 10,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "98044b83-51da-4c8d-a63d-a0b60a9e46ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "7e851934-9b7a-48b9-83a6-7bfcaae7900c",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "98044b83-51da-4c8d-a63d-a0b60a9e46ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:07.574Z"
+                }
+              ]
+            },
+            {
+              "id": "215c0d51-d71f-4edb-80f3-e6ab1889d155",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Graduates"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:04:45.696Z",
+              "layouts": [
+                {
+                  "id": "08d7bb37-f70a-4516-a23a-07e47fede560",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "215c0d51-d71f-4edb-80f3-e6ab1889d155",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "74c26171-4159-460e-9a06-27d9522b8f4b",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "215c0d51-d71f-4edb-80f3-e6ab1889d155",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:25.734Z"
+                }
+              ]
+            },
+            {
+              "id": "09e2155a-2eb9-4a9b-9619-366d25965202",
+              "name": "textinput3",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter time"
+                },
+                "value": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:22.110Z",
+              "layouts": [
+                {
+                  "id": "0b6c8b7f-f2ad-4ba8-9ba4-72e9355072d4",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 7,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "09e2155a-2eb9-4a9b-9619-366d25965202",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "e17f1435-575a-4b27-a627-121d233c8310",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "09e2155a-2eb9-4a9b-9619-366d25965202",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:16.612Z"
+                }
+              ]
+            },
+            {
+              "id": "e1e2cacf-3326-49e0-a3e5-d1747c903dac",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Category"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:04:50.978Z",
+              "layouts": [
+                {
+                  "id": "1ad609c5-1212-4212-91a2-eb24d5278126",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e1e2cacf-3326-49e0-a3e5-d1747c903dac",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "9edfad84-02e2-410a-8d30-4f0318bb0876",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "e1e2cacf-3326-49e0-a3e5-d1747c903dac",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:28.250Z"
+                }
+              ]
+            },
+            {
+              "id": "83c03438-fe1b-42bb-9113-da478ba6901a",
+              "name": "numberinput4",
+              "type": "NumberInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "1"
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:54:41.178Z",
+              "layouts": [
+                {
+                  "id": "6f83274e-0b08-4716-be93-00ea1ad2eb7b",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 10,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "83c03438-fe1b-42bb-9113-da478ba6901a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "dd599cf7-602e-4e72-acf3-d61f5ca87b88",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "83c03438-fe1b-42bb-9113-da478ba6901a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:03:55.998Z"
+                }
+              ]
+            },
+            {
+              "id": "43331f30-9c97-4678-873e-a7f71609af3c",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Next Batch"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:05:02.064Z",
+              "layouts": [
+                {
+                  "id": "cb6a72ae-16ec-4f53-ac40-fab34f2caedf",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "43331f30-9c97-4678-873e-a7f71609af3c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "a338b686-7879-46af-be63-c8e804159590",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "43331f30-9c97-4678-873e-a7f71609af3c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:31.395Z"
+                }
+              ]
+            },
+            {
+              "id": "0fe8f3ec-08cd-42ca-b769-47d6618bf75b",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Instructor"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:04:56.619Z",
+              "layouts": [
+                {
+                  "id": "e8294b8e-5adf-4b88-913c-96bc6ad34694",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "0fe8f3ec-08cd-42ca-b769-47d6618bf75b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "53c7b077-7157-460e-bb7d-c0da39c1caeb",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "0fe8f3ec-08cd-42ca-b769-47d6618bf75b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "5ddfa846-1f82-4143-8e41-58631772d18a",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "0"
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:54:55.061Z",
+              "layouts": [
+                {
+                  "id": "789fd1de-127e-4bff-b52a-31ba232ab187",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 10,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "5ddfa846-1f82-4143-8e41-58631772d18a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "e033f678-a0d6-49e5-b59b-d53cd573969d",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "5ddfa846-1f82-4143-8e41-58631772d18a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:02.003Z"
+                }
+              ]
+            },
+            {
+              "id": "e8ac98e6-0bab-4e85-a922-2d102d46c441",
+              "name": "textinput4",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter instructor's name"
+                },
+                "value": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:12.268Z",
+              "layouts": [
+                {
+                  "id": "1ef2a830-9c70-4340-b1c0-1273231d3bbf",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 7,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "e8ac98e6-0bab-4e85-a922-2d102d46c441",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "d42c0b84-6b3b-47ad-85dd-ed36cef97c74",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 13,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "e8ac98e6-0bab-4e85-a922-2d102d46c441",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:13.180Z"
+                }
+              ]
+            },
+            {
+              "id": "5c5ccb1f-2996-469c-844a-8ee40d314d66",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:05:07.417Z",
+              "layouts": [
+                {
+                  "id": "942bce1d-02e8-4205-b20b-d831fe415afc",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "5c5ccb1f-2996-469c-844a-8ee40d314d66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "8e8237c1-7e91-4590-be02-621cfc3de57b",
+                  "type": "desktop",
+                  "top": 370,
+                  "left": 1,
+                  "width": 15,
+                  "height": 30,
+                  "componentId": "5c5ccb1f-2996-469c-844a-8ee40d314d66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:04:34.694Z"
+                }
+              ]
+            },
+            {
+              "id": "8201f9df-67e8-4d84-991c-cbaaaf4d52e5",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter course description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:31.798Z",
+              "layouts": [
+                {
+                  "id": "c53d47ea-93ee-460f-901e-37639e363f20",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 10,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "8201f9df-67e8-4d84-991c-cbaaaf4d52e5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "a5b8861a-bc76-4ddc-a9a7-27ff54b9b747",
+                  "type": "desktop",
+                  "top": 400,
+                  "left": 1,
+                  "width": 41,
+                  "height": 120,
+                  "componentId": "8201f9df-67e8-4d84-991c-cbaaaf4d52e5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T22:58:21.619Z"
+                }
+              ]
+            },
+            {
+              "id": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Clear"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#375fcf26"
+                },
+                "textColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{8}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "27593bbb-32dc-4a3d-aeca-94b9f92a29d6",
+                  "type": "mobile",
+                  "top": 490,
+                  "left": 13,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "814c85c3-8a54-4469-8800-2938880e3e96",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "4fa2d3d4-fae0-4278-9b81-cb103421df9e",
+                  "type": "desktop",
+                  "top": 530,
+                  "left": 1,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "814c85c3-8a54-4469-8800-2938880e3e96",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T22:59:21.927Z"
+                }
+              ]
+            },
+            {
+              "id": "325f72f8-e948-49ef-b6ea-fb9432fb3af0",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "label": {
+                  "value": "Course Category"
+                },
+                "values": {
+                  "value": "{{[\"\\%\\%\",\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Show All\",\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "value": {
+                  "value": "{{\"\\%\\%\"}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "91849cb3-ab56-492c-b9c9-670b0f4a5f95",
+                  "type": "mobile",
+                  "top": 230,
+                  "left": 8,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "325f72f8-e948-49ef-b6ea-fb9432fb3af0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "2c427705-68b3-45af-a669-dcd75de6bfa6",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 1,
+                  "width": 22,
+                  "height": 40,
+                  "componentId": "325f72f8-e948-49ef-b6ea-fb9432fb3af0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:00:49.635Z"
+                }
+              ]
+            },
+            {
+              "id": "e3a95239-4fa3-413f-b4d2-645192198f2e",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Filters"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "18"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "9108b511-7207-4a3d-9629-b90266a6e118",
+                  "type": "mobile",
+                  "top": 190,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e3a95239-4fa3-413f-b4d2-645192198f2e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "c439c118-71fb-44ed-a506-dca479037d5d",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "e3a95239-4fa3-413f-b4d2-645192198f2e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:06.698Z"
+                }
+              ]
+            },
+            {
+              "id": "59e2cbb6-4872-4332-b166-6af77f684598",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:02:50.588Z",
+              "layouts": [
+                {
+                  "id": "f418e33f-a005-4dc6-82c0-85123f64f63a",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "59e2cbb6-4872-4332-b166-6af77f684598",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "19d11993-c6e1-41f7-a0f4-923ae1d0cf4c",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "59e2cbb6-4872-4332-b166-6af77f684598",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:37.738Z"
+                }
+              ]
+            },
+            {
+              "id": "167e6732-0863-4ba1-bfaf-6631928c8463",
+              "name": "dropdown3",
+              "type": "DropDown",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{[\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Artificial Intelligence\", \"Product Management\", \"Marketing\"]}}"
+                },
+                "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]}}"
+                },
+                "value": {
+                  "value": "{{2}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "justifyContent": {
+                  "value": "left"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:47.112Z",
+              "layouts": [
+                {
+                  "id": "54f2dcc1-317c-41f1-b85f-e778c545268e",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 9,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "167e6732-0863-4ba1-bfaf-6631928c8463",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "8a57901d-433b-42ca-9012-6e494c465992",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "167e6732-0863-4ba1-bfaf-6631928c8463",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:00.752Z"
+                }
+              ]
+            },
+            {
+              "id": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-1",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "value": "{{queries.addCourse.isLoading || queries.getCourses.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{8}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d77a5651-6aba-4f01-bcaf-20cc606607cf",
+                  "type": "desktop",
+                  "top": 530,
+                  "left": 22,
+                  "width": 20,
+                  "height": 40,
+                  "componentId": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T22:59:24.262Z"
+                },
+                {
+                  "id": "b9f62726-c53c-4b92-aa0a-46127606c62a",
+                  "type": "mobile",
+                  "top": 430,
+                  "left": 26,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "f2b9857f-eaa5-43e4-9cb5-beb041125ea0",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Category"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:01.606Z",
+              "layouts": [
+                {
+                  "id": "991796a1-3443-4c89-ba5f-9865a0100835",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "f2b9857f-eaa5-43e4-9cb5-beb041125ea0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:34.886Z"
+                },
+                {
+                  "id": "5916b787-81d7-4941-85a0-1882f297813a",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "f2b9857f-eaa5-43e4-9cb5-beb041125ea0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "655dd884-7ff1-4ebe-a3c8-3e986fc00035",
+              "name": "icon3",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "a6529da9-114c-4b2b-96e5-f49c336c4178",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "655dd884-7ff1-4ebe-a3c8-3e986fc00035",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:26.923Z"
+                },
+                {
+                  "id": "fae973d0-652d-4d36-b227-fcd31561c246",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "655dd884-7ff1-4ebe-a3c8-3e986fc00035",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "e5054cb0-99fc-451c-baf0-fa7fc2daa6a0",
+              "name": "icon2",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "440ad660-70c4-4668-884b-cf3f037ff188",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "e5054cb0-99fc-451c-baf0-fa7fc2daa6a0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "42f2b689-efb5-4f09-89ad-c737f77787af",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "e5054cb0-99fc-451c-baf0-fa7fc2daa6a0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:40.390Z"
+                }
+              ]
+            },
+            {
+              "id": "18ae9a6e-e9ed-4a65-9398-9206bdf677ed",
+              "name": "text20",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Instructor"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:06.880Z",
+              "layouts": [
+                {
+                  "id": "fdf9c326-eb5f-4859-9895-d908f7007511",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "18ae9a6e-e9ed-4a65-9398-9206bdf677ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "9be94703-ddf9-4cd4-b4bd-7fa94b07fda1",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "18ae9a6e-e9ed-4a65-9398-9206bdf677ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:30.075Z"
+                }
+              ]
+            },
+            {
+              "id": "ad11b121-8b14-45ac-b51e-a771657b3b5b",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Next Batch"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:29.019Z",
+              "layouts": [
+                {
+                  "id": "a5e9de39-36ba-44b1-af8f-72899e73b044",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "ad11b121-8b14-45ac-b51e-a771657b3b5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "488f9017-8a7d-4310-85a8-7c4e4f514159",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "ad11b121-8b14-45ac-b51e-a771657b3b5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:22.955Z"
+                }
+              ]
+            },
+            {
+              "id": "1d86d38e-8d15-491b-ae3c-af44d356687b",
+              "name": "icon4",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "5536af0b-376a-4d38-bb46-94cad60e5f60",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "1d86d38e-8d15-491b-ae3c-af44d356687b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "349e66f7-2f6b-46ff-880f-3408d56080a8",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "1d86d38e-8d15-491b-ae3c-af44d356687b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:30.251Z"
+                }
+              ]
+            },
+            {
+              "id": "22ba7462-9361-406e-80c6-c8d1996832ed",
+              "name": "textinput7",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:55:53.871Z",
+              "layouts": [
+                {
+                  "id": "e0181b6c-4157-4812-b1ef-ca301f67dc42",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "22ba7462-9361-406e-80c6-c8d1996832ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "e11c117c-ef16-4548-9f49-64e747ba5ed2",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "22ba7462-9361-406e-80c6-c8d1996832ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:06.444Z"
+                }
+              ]
+            },
+            {
+              "id": "5d71885a-5efd-4774-a48d-6f8d6320437f",
+              "name": "icon5",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "f0e2b0fa-e0e4-4af0-9d81-536ebf5475dd",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "5d71885a-5efd-4774-a48d-6f8d6320437f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:34.994Z"
+                },
+                {
+                  "id": "95cedb1d-d1b7-4375-97b1-b44f2709e7dc",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "5d71885a-5efd-4774-a48d-6f8d6320437f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "068fc506-4d77-4026-be2e-bd85a66010af",
+              "name": "textinput8",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:56:00.247Z",
+              "layouts": [
+                {
+                  "id": "f5cf703f-2564-4ab9-abe1-eb586039f834",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "068fc506-4d77-4026-be2e-bd85a66010af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:09.565Z"
+                },
+                {
+                  "id": "fcba21fd-a850-4661-b18f-e673ab397a13",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "068fc506-4d77-4026-be2e-bd85a66010af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "fb584335-53f6-44b6-94fa-acdc83ba9c65",
+              "name": "icon6",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "27588071-e090-47f2-a23b-2141900d4bcf",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "fb584335-53f6-44b6-94fa-acdc83ba9c65",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:37.702Z"
+                },
+                {
+                  "id": "54732c08-62a7-4660-b18d-d5fdd9bc68cd",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "fb584335-53f6-44b6-94fa-acdc83ba9c65",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "9aeb564d-8ea4-4724-b423-c71587d89b9b",
+              "name": "textinput9",
+              "type": "TextInput",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:56:12.933Z",
+              "layouts": [
+                {
+                  "id": "07fe56bd-4772-4eed-8071-2a7397957364",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 12,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "9aeb564d-8ea4-4724-b423-c71587d89b9b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:18.926Z"
+                },
+                {
+                  "id": "cf1dc588-8c16-41df-9162-4d0cd9ddeafe",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "9aeb564d-8ea4-4724-b423-c71587d89b9b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "579e61b4-878d-4b5e-aabf-fad9f93ee15c",
+              "name": "text22",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Batches"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:12.792Z",
+              "layouts": [
+                {
+                  "id": "988e2631-ff87-4d62-ad8b-6e5f31aef1d9",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "579e61b4-878d-4b5e-aabf-fad9f93ee15c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:27.630Z"
+                },
+                {
+                  "id": "64b9231c-5506-4ce6-a6e0-597957998d71",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "579e61b4-878d-4b5e-aabf-fad9f93ee15c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                }
+              ]
+            },
+            {
+              "id": "c4553a4e-15cd-4cb1-b84e-20e275c05a0b",
+              "name": "text23",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Graduates"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:23.754Z",
+              "layouts": [
+                {
+                  "id": "ba6650b3-2591-466d-a511-2d9926132b01",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "c4553a4e-15cd-4cb1-b84e-20e275c05a0b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "4ffb6319-4e41-4dbe-89dc-e3b1c2e99607",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "c4553a4e-15cd-4cb1-b84e-20e275c05a0b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:02:25.196Z"
+                }
+              ]
+            },
+            {
+              "id": "e03852e4-ca5b-4258-979f-bdb25d885914",
+              "name": "icon7",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "e85fcc64-780f-412c-b519-051386d26c2d",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "e03852e4-ca5b-4258-979f-bdb25d885914",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "ad7b841b-5a87-489f-862f-3d50a858f57e",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "e03852e4-ca5b-4258-979f-bdb25d885914",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:45.910Z"
+                }
+              ]
+            },
+            {
+              "id": "0b827038-451a-4bb7-ac62-dcabb7dbcbf4",
+              "name": "text24",
+              "type": "Text",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T23:03:34.772Z",
+              "layouts": [
+                {
+                  "id": "2126f9e9-d866-4ed7-8055-c76befb88078",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "0b827038-451a-4bb7-ac62-dcabb7dbcbf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "bd4b5228-4d2f-4565-a8dd-9ca36a403be9",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 1,
+                  "width": 14,
+                  "height": 40,
+                  "componentId": "0b827038-451a-4bb7-ac62-dcabb7dbcbf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T22:57:07.786Z"
+                }
+              ]
+            },
+            {
+              "id": "55dd3ffb-9052-4ae5-9985-b8ed0f033014",
+              "name": "icon8",
+              "type": "Icon",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "layouts": [
+                {
+                  "id": "2e902e1e-f75e-4b25-9d2f-6b05de759a88",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 17,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "55dd3ffb-9052-4ae5-9985-b8ed0f033014",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "0dce0fdd-a21e-40fe-bc60-784e5afa3601",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "55dd3ffb-9052-4ae5-9985-b8ed0f033014",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:42.854Z"
+                }
+              ]
+            },
+            {
+              "id": "93bfbd66-6a1e-4cf2-858b-4e405fbe1ffd",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "parent": "af83c789-de5f-42cd-bac4-bd580f0fac93-0",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Placeholder text"
+                }
+              },
+              "general": {},
+              "styles": {
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-02T22:56:23.075Z",
+              "layouts": [
+                {
+                  "id": "22f24631-7b54-49c4-9596-78614df13d06",
+                  "type": "mobile",
+                  "top": 400,
+                  "left": 1,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "93bfbd66-6a1e-4cf2-858b-4e405fbe1ffd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T01:06:37.590Z"
+                },
+                {
+                  "id": "f81a2268-3942-41e0-9a9e-6c5f4ca63eb4",
+                  "type": "desktop",
+                  "top": 400,
+                  "left": 1,
+                  "width": 41,
+                  "height": 120,
+                  "componentId": "93bfbd66-6a1e-4cf2-858b-4e405fbe1ffd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:01:49.337Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:37.590Z",
+              "autoComputeLayout": true,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "81c61399-10e2-44e0-a79f-82d79093b52b",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add course detail! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "b2572cc9-96f5-4e03-a55b-4178ba6e423a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:26:18.586Z"
+            },
+            {
+              "id": "88c8637e-f9a2-4850-87e1-9d43ac0471af",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Course added successfully!",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "b2572cc9-96f5-4e03-a55b-4178ba6e423a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:27:48.776Z"
+            },
+            {
+              "id": "42a843f2-3330-4901-9b70-bd2475bfdfdc",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "b2572cc9-96f5-4e03-a55b-4178ba6e423a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addCourse",
+                "runOnlyIf": "{{components.e8ac98e6-0bab-4e85-a922-2d102d46c441.value!=\"\"}}",
+                "parameters": {}
+              },
+              "sourceId": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.071Z"
+            },
+            {
+              "id": "ae526e59-e257-4de8-8f14-97c12e478627",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+                "componentSpecificActionHandle": "loading",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "loading"
+                  }
+                ]
+              },
+              "sourceId": "a9b90785-ddcf-4b11-bcc8-f19c8023c3b8",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.076Z"
+            },
+            {
+              "id": "429241a7-c24e-4e11-b124-1496144ad458",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "ff1941ce-1c0a-4506-91f0-af833ad6e8d9",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "setDisable"
+                  }
+                ]
+              },
+              "sourceId": "e5054cb0-99fc-451c-baf0-fa7fc2daa6a0",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.082Z"
+            },
+            {
+              "id": "5e9a7513-3721-4af6-8a78-2b0fafa58036",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "a8080230-55e3-4b84-b063-232f7eccecfd",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "type": "toggle",
+                    "value": "{{false}}",
+                    "handle": "setDisable",
+                    "displayName": "Value",
+                    "defaultValue": "{{false}}"
+                  }
+                ]
+              },
+              "sourceId": "655dd884-7ff1-4ebe-a3c8-3e986fc00035",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.087Z"
+            },
+            {
+              "id": "53151335-8b01-4a4c-896a-c71336b55329",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "22ba7462-9361-406e-80c6-c8d1996832ed",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "setDisable"
+                  }
+                ]
+              },
+              "sourceId": "5d71885a-5efd-4774-a48d-6f8d6320437f",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.099Z"
+            },
+            {
+              "id": "6d90166e-9dd3-4001-a797-68d895337df8",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "068fc506-4d77-4026-be2e-bd85a66010af",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "setDisable"
+                  }
+                ]
+              },
+              "sourceId": "fb584335-53f6-44b6-94fa-acdc83ba9c65",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.104Z"
+            },
+            {
+              "id": "b3e9db62-d8a2-489c-8949-620949ead522",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "4e201fca-599e-4451-9fc5-9907d7b92a14",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getCourses",
+                "parameters": {},
+                "componentId": "e36930c5-0a49-47c1-a66d-d783982ca720",
+                "componentSpecificActionHandle": "setFilters",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "",
+                    "handle": "parameters",
+                    "displayName": "Parameters"
+                  }
+                ]
+              },
+              "sourceId": "c171ea9e-0e02-440a-9ebd-c871ea63f707",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:25:28.969Z"
+            },
+            {
+              "id": "5a848b09-d7fa-4a39-a601-4bdf82f91aaa",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "9aeb564d-8ea4-4724-b423-c71587d89b9b",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "setDisable"
+                  }
+                ]
+              },
+              "sourceId": "55dd3ffb-9052-4ae5-9985-b8ed0f033014",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.117Z"
+            },
+            {
+              "id": "4903748f-4c59-4de1-bbeb-274ff77ecb4a",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "4e201fca-599e-4451-9fc5-9907d7b92a14",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getCourses",
+                "parameters": {}
+              },
+              "sourceId": "b2572cc9-96f5-4e03-a55b-4178ba6e423a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.124Z"
+            },
+            {
+              "id": "e5e979e5-df01-409f-8a05-40d401cf2380",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Successfully updated the course!",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "4c9ccb82-6404-47a3-9210-66dc3cf1174c",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:27:15.702Z"
+            },
+            {
+              "id": "3f9f029b-0779-45ba-b1db-30ee18d45678",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "4e201fca-599e-4451-9fc5-9907d7b92a14",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getCourses",
+                "parameters": {}
+              },
+              "sourceId": "4c9ccb82-6404-47a3-9210-66dc3cf1174c",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:27:15.702Z"
+            },
+            {
+              "id": "4ed4bb40-f338-4420-a5bf-30e951b0a4e4",
+              "name": "onRowClicked",
+              "index": 1,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "a8080230-55e3-4b84-b063-232f7eccecfd",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Name}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.036Z"
+            },
+            {
+              "id": "046aeac0-25ec-4645-a516-9abbec8ec8bf",
+              "name": "onRowClicked",
+              "index": 0,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "runOnlyIf": "",
+                "componentId": "af83c789-de5f-42cd-bac4-bd580f0fac93",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "0",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.041Z"
+            },
+            {
+              "id": "3db4e916-bd9b-46b0-a437-4d21ec305a1f",
+              "name": "onRowClicked",
+              "index": 2,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "167e6732-0863-4ba1-bfaf-6631928c8463",
+                "componentSpecificActionHandle": "selectOption",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Category}}",
+                    "handle": "select",
+                    "displayName": "Select"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.030Z"
+            },
+            {
+              "id": "af1f3646-662f-46db-9be2-a5ebd2e3f8eb",
+              "name": "onClick",
+              "index": 8,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "814c85c3-8a54-4469-8800-2938880e3e96",
+                "componentSpecificActionHandle": "loading",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{false}}",
+                    "handle": "loading"
+                  }
+                ]
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.051Z"
+            },
+            {
+              "id": "fc0de5ab-9740-4c18-9e77-4fb0cc75aad4",
+              "name": "onRowClicked",
+              "index": 6,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "9aeb564d-8ea4-4724-b423-c71587d89b9b",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Next_batch_starts_on}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.154Z"
+            },
+            {
+              "id": "39913487-9ff3-4d17-9eae-b8872f3e2fe6",
+              "name": "onRowClicked",
+              "index": 3,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "22ba7462-9361-406e-80c6-c8d1996832ed",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Instructor}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.137Z"
+            },
+            {
+              "id": "87e8d721-24a0-4fc3-834a-637d1f878fdf",
+              "name": "onRowClicked",
+              "index": 4,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "068fc506-4d77-4026-be2e-bd85a66010af",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Total_batches}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.142Z"
+            },
+            {
+              "id": "9575140d-3a78-4d2d-88aa-ac13093f3afb",
+              "name": "onRowClicked",
+              "index": 5,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "ff1941ce-1c0a-4506-91f0-af833ad6e8d9",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Graduates}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.147Z"
+            },
+            {
+              "id": "b0438f68-c294-4887-a228-eb74abd90b17",
+              "name": "onRowClicked",
+              "index": 7,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "93bfbd66-6a1e-4cf2-858b-4e405fbe1ffd",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.e60631f6-ba87-4690-888c-a96b5df00104.selectedRow.Description}}",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "New Text"
+                  }
+                ]
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.160Z"
+            },
+            {
+              "id": "80a1b81d-2c4c-4c4a-a6d5-d2e0d8e23d26",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "644e5422-fc7b-4568-ae00-89fd20b1c455",
+                "componentSpecificActionHandle": "clear",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.181Z"
+            },
+            {
+              "id": "34ffda83-6062-454a-9e34-52ece0eb7f6a",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "83c03438-fe1b-42bb-9113-da478ba6901a",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "1",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "100"
+                  }
+                ]
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.186Z"
+            },
+            {
+              "id": "d495b34e-a495-4de5-8075-ad03699a92be",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "5ddfa846-1f82-4143-8e41-58631772d18a",
+                "componentSpecificActionHandle": "setText",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "0",
+                    "handle": "text",
+                    "displayName": "text",
+                    "defaultValue": "100"
+                  }
+                ]
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.191Z"
+            },
+            {
+              "id": "1fb4c063-216b-4a05-bdc2-f8322378b026",
+              "name": "onClick",
+              "index": 4,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "98044b83-51da-4c8d-a63d-a0b60a9e46ca",
+                "componentSpecificActionHandle": "selectOption",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "Artificial Intelligence",
+                    "handle": "select",
+                    "displayName": "Select"
+                  }
+                ]
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.196Z"
+            },
+            {
+              "id": "5292e41b-c21d-4132-9f66-06e49ccd5c9f",
+              "name": "onClick",
+              "index": 5,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "e8ac98e6-0bab-4e85-a922-2d102d46c441",
+                "componentSpecificActionHandle": "clear",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.202Z"
+            },
+            {
+              "id": "0066f7a2-662c-4772-839b-af9ca7193a4e",
+              "name": "onClick",
+              "index": 6,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "09e2155a-2eb9-4a9b-9619-366d25965202",
+                "componentSpecificActionHandle": "clear",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.213Z"
+            },
+            {
+              "id": "7a3f3e48-dae6-4a01-a415-668d06c1ecd8",
+              "name": "onClick",
+              "index": 7,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "8201f9df-67e8-4d84-991c-cbaaaf4d52e5",
+                "componentSpecificActionHandle": "clear",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.218Z"
+            },
+            {
+              "id": "783bcbcf-e8d7-4d25-95c9-aff2f67ff307",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "814c85c3-8a54-4469-8800-2938880e3e96",
+                "componentSpecificActionHandle": "loading",
+                "componentSpecificActionParams": [
+                  {
+                    "type": "toggle",
+                    "value": "{{true}}",
+                    "handle": "loading",
+                    "displayName": "Value",
+                    "defaultValue": "{{false}}"
+                  }
+                ]
+              },
+              "sourceId": "814c85c3-8a54-4469-8800-2938880e3e96",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.223Z"
+            },
+            {
+              "id": "d91bec65-4395-4a73-af56-26af0c77b753",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "4c9ccb82-6404-47a3-9210-66dc3cf1174c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateCourse",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "5d0da7cf-a359-4bd2-aa23-561e83654e57",
+              "target": "component",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:23:45.278Z"
+            },
+            {
+              "id": "623075ba-5277-4933-b731-d193f1bf8d05",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Course deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "6ba1c2a7-bb71-41ed-acea-24b74af97b3a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-23T22:31:48.034Z",
+              "updatedAt": "2024-10-23T22:32:22.233Z"
+            },
+            {
+              "id": "94c67cf3-f838-4afa-838e-520993fd9033",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to delete course! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "6ba1c2a7-bb71-41ed-acea-24b74af97b3a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-23T22:32:25.288Z",
+              "updatedAt": "2024-10-23T22:35:40.489Z"
+            },
+            {
+              "id": "c2b6a718-deae-462a-a132-ab1fdc124bf1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "6ba1c2a7-bb71-41ed-acea-24b74af97b3a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteCourse",
+                "parameters": {}
+              },
+              "sourceId": "e60631f6-ba87-4690-888c-a96b5df00104",
+              "target": "table_action",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-23T22:34:40.069Z",
+              "updatedAt": "2024-10-23T22:34:47.461Z"
+            },
+            {
+              "id": "23167176-040c-4c31-8181-b1724589af02",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "4e201fca-599e-4451-9fc5-9907d7b92a14",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getCourses",
+                "parameters": {}
+              },
+              "sourceId": "6ba1c2a7-bb71-41ed-acea-24b74af97b3a",
+              "target": "data_query",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-23T22:35:37.394Z",
+              "updatedAt": "2024-10-23T22:36:00.203Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "4e201fca-599e-4451-9fc5-9907d7b92a14",
+              "name": "getCourses",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1724843836625,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e73d7ad2-2801-4d70-be2e-3d996c21bee1",
+                    "type": "Table"
+                  },
+                  "fields": []
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "7459f538-dc54-41f3-bb71-392f851a1b43": {
+                      "column": "Category",
+                      "operator": "like",
+                      "value": "{{components.dropdown2.value}}",
+                      "id": "7459f538-dc54-41f3-bb71-392f851a1b43"
+                    }
+                  },
+                  "order_filters": {
+                    "27229577-39be-4a5e-bee8-311bb5ff8f83": {
+                      "column": "id",
+                      "order": "asc",
+                      "id": "27229577-39be-4a5e-bee8-311bb5ff8f83"
+                    }
+                  }
+                },
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-12-07T01:24:29.695Z"
+            },
+            {
+              "id": "5db3b052-7933-4312-aee9-a5887cc23e77",
+              "name": "getCoursebyCategory",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "list_rows": {
+                  "where_filters": {
+                    "4e492fa3-0df9-4918-8d11-3e2d719780df": {
+                      "column": "Category",
+                      "operator": "eq",
+                      "value": "{{components.325f72f8-e948-49ef-b6ea-fb9432fb3af0.value}}",
+                      "id": "4e492fa3-0df9-4918-8d11-3e2d719780df"
+                    }
+                  }
+                },
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1724951989710,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e73d7ad2-2801-4d70-be2e-3d996c21bee1",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Name",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Description",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Instructor",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Total_batches",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Graduates",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Next_batch_starts_on",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Category",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    }
+                  ]
+                }
+              },
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:06:38.250Z"
+            },
+            {
+              "id": "4c9ccb82-6404-47a3-9210-66dc3cf1174c",
+              "name": "updateCourse",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1725185593893,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e73d7ad2-2801-4d70-be2e-3d996c21bee1",
+                    "type": "Table"
+                  },
+                  "fields": []
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "Name",
+                      "value": "{{components.textinput6.value}}"
+                    },
+                    "1": {
+                      "column": "Category",
+                      "value": "{{components.dropdown3.value}}"
+                    },
+                    "2": {
+                      "column": "Instructor",
+                      "value": "{{components.textinput7.value}}"
+                    },
+                    "3": {
+                      "column": "Total_batches",
+                      "value": "{{components.textinput8.value}}"
+                    },
+                    "4": {
+                      "column": "Graduates",
+                      "value": "{{components.textinput5.value}}"
+                    },
+                    "5": {
+                      "column": "Next_batch_starts_on",
+                      "value": "{{components.textinput9.value}}"
+                    },
+                    "a95db2df-5145-4931-80c3-2cda3ae88890": {
+                      "column": "Description",
+                      "value": "{{components.textarea2.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "c56197af-058f-42c0-ad43-a2d4bac6ed21": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table2.selectedRow.id}}",
+                      "id": "c56197af-058f-42c0-ad43-a2d4bac6ed21"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-22T01:24:42.203Z"
+            },
+            {
+              "id": "b2572cc9-96f5-4e03-a55b-4178ba6e423a",
+              "name": "addCourse",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "list_rows": {},
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1724845792458,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e73d7ad2-2801-4d70-be2e-3d996c21bee1",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Name",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Description",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Instructor",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Total_batches",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Graduates",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Next_batch_starts_on",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Category",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    }
+                  ]
+                },
+                "create_row": {
+                  "0": {
+                    "column": "Name",
+                    "value": "{{components.textinput2.value}}"
+                  },
+                  "1": {
+                    "column": "Total_batches",
+                    "value": "{{components.numberinput4.value}}"
+                  },
+                  "2": {
+                    "column": "Graduates",
+                    "value": "{{components.numberinput2.value}}"
+                  },
+                  "3": {
+                    "column": "Category",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "4": {
+                    "column": "Instructor",
+                    "value": "{{components.textinput4.value}}"
+                  },
+                  "5": {
+                    "column": "Description",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "e8e9ef02-1ea0-4afd-9368-156b03fc1965": {
+                    "column": "Next_batch_starts_on",
+                    "value": "{{components.textinput3.value}}"
+                  }
+                },
+                "showSuccessNotification": false
+              },
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-23T22:36:45.217Z"
+            },
+            {
+              "id": "6ba1c2a7-bb71-41ed-acea-24b74af97b3a",
+              "name": "deleteCourse",
+              "options": {
+                "operation": "delete_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "66d17687-08c6-4d2f-9898-2ff5637a134a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1724847163215,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e73d7ad2-2801-4d70-be2e-3d996c21bee1",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Name",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Description",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Instructor",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Total_batches",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Graduates",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Next_batch_starts_on",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    },
+                    {
+                      "name": "Category",
+                      "table": "e73d7ad2-2801-4d70-be2e-3d996c21bee1"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "delete_rows": {
+                  "limit": 1,
+                  "where_filters": {
+                    "256c20a8-c8e4-48c1-8e3f-feb36dc1c5a2": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table2.selectedRow.id}}",
+                      "id": "256c20a8-c8e4-48c1-8e3f-feb36dc1c5a2"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "createdAt": "2024-10-22T01:06:37.590Z",
+              "updatedAt": "2024-10-23T22:36:54.821Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "0de93383-2693-476a-abc9-5cf2aee2fec0",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T01:06:37.597Z",
+              "updatedAt": "2024-10-22T01:06:37.597Z"
+            },
+            {
+              "id": "cb6cc0b2-fbc7-4778-aee3-50446c17da7e",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T01:06:37.605Z",
+              "updatedAt": "2024-10-22T01:06:37.605Z"
+            },
+            {
+              "id": "a9ab2f20-9af9-4612-aa6f-701a14462bdf",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T01:06:37.613Z",
+              "updatedAt": "2024-10-22T01:06:37.613Z"
+            },
+            {
+              "id": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T01:06:37.620Z",
+              "updatedAt": "2024-10-22T01:06:37.620Z"
+            },
+            {
+              "id": "fa6c52f2-1894-4875-9a9f-10a46d336372",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T01:06:37.627Z",
+              "updatedAt": "2024-10-22T01:06:37.627Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "970f3f40-1495-49cf-9eda-2d5242b6f8db",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#2f3c4c",
+                "backgroundFxQuery": "#2f3c4c",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "33e2020d-fd2b-4e41-97c0-d2065afb4077",
+              "appId": "2b8eb6fe-7f55-4a41-8adb-007ee28d0ce1",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-22T01:06:37.585Z",
+              "updatedAt": "2024-12-02T23:01:51.793Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "d55933e4-65a6-46ae-a743-dea25c54dd2b",
+              "dataSourceId": "0de93383-2693-476a-abc9-5cf2aee2fec0",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.603Z",
+              "updatedAt": "2024-10-22T01:06:37.603Z"
+            },
+            {
+              "id": "75d040b7-44f9-47ae-a15b-f06430088409",
+              "dataSourceId": "0de93383-2693-476a-abc9-5cf2aee2fec0",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.603Z",
+              "updatedAt": "2024-10-22T01:06:37.603Z"
+            },
+            {
+              "id": "75f54be5-380d-4e51-85e6-acd5786014ef",
+              "dataSourceId": "0de93383-2693-476a-abc9-5cf2aee2fec0",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.603Z",
+              "updatedAt": "2024-10-22T01:06:37.603Z"
+            },
+            {
+              "id": "8ce92bdc-0455-4e15-be65-3912b847eeac",
+              "dataSourceId": "cb6cc0b2-fbc7-4778-aee3-50446c17da7e",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.611Z",
+              "updatedAt": "2024-10-22T01:06:37.611Z"
+            },
+            {
+              "id": "56f0de43-7ad4-40e8-9370-a0d572d52f1d",
+              "dataSourceId": "cb6cc0b2-fbc7-4778-aee3-50446c17da7e",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.611Z",
+              "updatedAt": "2024-10-22T01:06:37.611Z"
+            },
+            {
+              "id": "89bca6e9-d1ce-4ed0-bc03-05b8d05c34ca",
+              "dataSourceId": "cb6cc0b2-fbc7-4778-aee3-50446c17da7e",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.611Z",
+              "updatedAt": "2024-10-22T01:06:37.611Z"
+            },
+            {
+              "id": "f172bfaf-8e9d-4e87-b429-9977101f75a8",
+              "dataSourceId": "a9ab2f20-9af9-4612-aa6f-701a14462bdf",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.618Z",
+              "updatedAt": "2024-10-22T01:06:37.618Z"
+            },
+            {
+              "id": "f5e20288-ad18-4397-a0c9-29ce44343682",
+              "dataSourceId": "a9ab2f20-9af9-4612-aa6f-701a14462bdf",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.618Z",
+              "updatedAt": "2024-10-22T01:06:37.618Z"
+            },
+            {
+              "id": "5c42d1ba-1089-451b-b59a-6b0bb2b3d870",
+              "dataSourceId": "a9ab2f20-9af9-4612-aa6f-701a14462bdf",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.618Z",
+              "updatedAt": "2024-10-22T01:06:37.618Z"
+            },
+            {
+              "id": "c41ba490-a682-42c6-a626-eac4b5d57718",
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.625Z",
+              "updatedAt": "2024-10-22T01:06:37.625Z"
+            },
+            {
+              "id": "772d5157-c669-4176-992a-14e357e17d6d",
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.625Z",
+              "updatedAt": "2024-10-22T01:06:37.625Z"
+            },
+            {
+              "id": "9b28d838-71a2-445a-8b08-b27b21c819d1",
+              "dataSourceId": "bdfdf9f2-83ff-453f-b4df-84c9ba6a09ed",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.625Z",
+              "updatedAt": "2024-10-22T01:06:37.625Z"
+            },
+            {
+              "id": "df852505-f7ea-4098-8043-c0702d70eed7",
+              "dataSourceId": "fa6c52f2-1894-4875-9a9f-10a46d336372",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.632Z",
+              "updatedAt": "2024-10-22T01:06:37.632Z"
+            },
+            {
+              "id": "35682d7a-b633-4bbe-ad9d-8136856a3df3",
+              "dataSourceId": "fa6c52f2-1894-4875-9a9f-10a46d336372",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.632Z",
+              "updatedAt": "2024-10-22T01:06:37.632Z"
+            },
+            {
+              "id": "6ae70484-95d3-4f24-9601-d4e19c4ed3b3",
+              "dataSourceId": "fa6c52f2-1894-4875-9a9f-10a46d336372",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T01:06:37.632Z",
+              "updatedAt": "2024-10-22T01:06:37.632Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/course-management-system/manifest.json b/server/templates/course-management-system/manifest.json
new file mode 100644
index 0000000000..53e5106a6b
--- /dev/null
+++ b/server/templates/course-management-system/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Course management system",
+  "description": "Streamline course administration with tools for planning, scheduling, and managing educational content and student progress with clean UI and TJDB as backend.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    }
+  ],
+  "id": "course-management-system",
+  "category": "educational-technology"
+}
\ No newline at end of file
diff --git a/server/templates/digital-asset-management/definition.json b/server/templates/digital-asset-management/definition.json
new file mode 100644
index 0000000000..b9f506fd0c
--- /dev/null
+++ b/server/templates/digital-asset-management/definition.json
@@ -0,0 +1,8146 @@
+{
+  "tooljet_database": [
+    {
+      "id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+      "table_name": "digital_assets",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"918f612d-a326-4d9d-9113-2314dbddbdd2_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_format",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_location",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "owner_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "file_display",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "download_url",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "asset_size",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "6a2f51bb-5346-4382-8cd5-2de7b6dc0b83",
+          "name": "digital-asset-management-final",
+          "slug": "6a2f51bb-5346-4382-8cd5-2de7b6dc0b83",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "globe",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-22T00:19:38.383Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-22T23:09:15.697Z",
+          "editingVersion": {
+            "id": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": ""
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "299be32b-308f-48e3-abca-45327244c2f5",
+            "appId": "6a2f51bb-5346-4382-8cd5-2de7b6dc0b83",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-22T00:19:38.395Z",
+            "updatedAt": "2024-10-23T05:37:10.789Z"
+          },
+          "components": [
+            {
+              "id": "99ee9465-6eb1-4410-94e2-953f9b41c0bf",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+              "properties": {
+                "text": {
+                  "value": "+ Create new asset"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ca4c3392-4e76-4c2f-b826-d227a5aa7980",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "99ee9465-6eb1-4410-94e2-953f9b41c0bf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "5f927dff-c64d-4e14-b247-d1ad52b58562",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "99ee9465-6eb1-4410-94e2-953f9b41c0bf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "ea427c2e-b3a5-46db-9169-e0b72c641469",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+              "properties": {
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{true}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "fc9098d3-2b64-4be0-b1d0-d3f06b6fbf6e",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string"
+                    },
+                    {
+                      "id": "c1ba9815-33d5-4d07-9c35-d0273c48b70e",
+                      "name": "asset name",
+                      "key": "asset_name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "9c06d702-2856-4ac3-8589-fdb4ea371284",
+                      "name": "asset type",
+                      "key": "asset_type",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "ea3a4f82-c38e-4ff7-aedf-7717765481e4",
+                      "name": "asset size (kb)",
+                      "key": "asset_size",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "6d156efb-f102-4550-88ec-8e23fe997382",
+                      "name": "asset format",
+                      "key": "asset_format",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "name": "Asset Location",
+                      "id": "46407a7d-ad18-437f-9e10-617a9f3b0911",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "asset_location"
+                    },
+                    {
+                      "name": "Owner Name",
+                      "id": "ac7a68ef-1455-4b25-9057-e2237eae821a",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "owner_name"
+                    },
+                    {
+                      "id": "8f583991-7cea-4074-a2ab-af95aadffaf6",
+                      "name": "created at",
+                      "key": "created_at",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "3a8cd0d8-4a27-4f63-b3b3-905b57839f9c",
+                      "name": "updated at",
+                      "key": "updated_at",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "c7d8d672-c640-4d57-8416-0b764d0fdb46",
+                      "name": "asset description",
+                      "key": "asset_description",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "04a8fe50-7646-47c5-bfeb-5979e79d097b",
+                      "name": "file display",
+                      "key": "file_display",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "c31ec056-049e-4fe3-acac-5ad75607762f",
+                      "name": "download url",
+                      "key": "download_url",
+                      "columnType": "link",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    }
+                  ]
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getAssets.isLoading}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "5be4b83a-1478-45bb-8cc0-256f5bcd5819": 173,
+                    "11f5b861-297e-40f9-a4e1-5a099f1a43ba": 170,
+                    "6058c41c-93de-4e91-b177-93e2c9dd4523": 207,
+                    "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 41,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 113,
+                    "831e699e-ad9b-43ca-9365-205756c8fa4d": 261,
+                    "3a8cd0d8-4a27-4f63-b3b3-905b57839f9c": 112,
+                    "8f583991-7cea-4074-a2ab-af95aadffaf6": 110,
+                    "3b27eda3-af48-4a8e-bffc-f6f20dd891fd": 92,
+                    "93a0ef40-df41-41a8-9586-6436feed96fe": 130,
+                    "fc9098d3-2b64-4be0-b1d0-d3f06b6fbf6e": 84
+                  }
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "is_active",
+                    "owner_name",
+                    "asset_location"
+                  ]
+                },
+                "actions": {
+                  "value": []
+                },
+                "data": {
+                  "value": "{{queries.getAssets.data}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":null}}}"
+                },
+                "selectRowOnCellEdit": {
+                  "value": "{{true}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "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}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "cellSize": {
+                  "value": "regular",
+                  "fxActive": false
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "tableType": {
+                  "value": "table-striped"
+                },
+                "maxRowHeight": {
+                  "value": "custom"
+                },
+                "maxRowHeightValue": {
+                  "value": 45
+                },
+                "contentWrap": {
+                  "value": "{{true}}"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "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-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:32:42.818Z",
+              "layouts": [
+                {
+                  "id": "5d2066ae-7fc3-404e-886a-aa6862cead86",
+                  "type": "mobile",
+                  "top": 616,
+                  "left": 0,
+                  "width": 28.86,
+                  "height": 456,
+                  "componentId": "ea427c2e-b3a5-46db-9169-e0b72c641469",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "aabde3d6-cbf3-4e8e-ae37-b9dbc283f017",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 28,
+                  "height": 580,
+                  "componentId": "ea427c2e-b3a5-46db-9169-e0b72c641469",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:49:32.075Z"
+                }
+              ]
+            },
+            {
+              "id": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "0e2d8a50-5d43-4d9c-a9b2-cfa54a76613f",
+                  "type": "mobile",
+                  "top": 720,
+                  "left": 0,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "3a2e7ae8-0e7e-4c81-805a-daae2d2e98ca",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 680,
+                  "componentId": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-07T01:32:04.118Z"
+                }
+              ]
+            },
+            {
+              "id": "5b04d10d-dce3-4c65-8241-cf85a797c3e8",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "7f86367e-caac-4f38-bc71-fd4e81346235",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "5b04d10d-dce3-4c65-8241-cf85a797c3e8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:22:31.092Z"
+                }
+              ]
+            },
+            {
+              "id": "94579fe7-5c6c-4468-a229-e81364fc6e73",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "5b04d10d-dce3-4c65-8241-cf85a797c3e8",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "124804c2-3f84-4144-a1b2-e1188a64b7a5",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "94579fe7-5c6c-4468-a229-e81364fc6e73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:22:34.866Z"
+                }
+              ]
+            },
+            {
+              "id": "b761d13a-8edb-432e-bae4-e1b4a05b1ddb",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "5b04d10d-dce3-4c65-8241-cf85a797c3e8",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Digital Assets Management</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "b5df114b-8e5b-4a1c-b996-c254cc3d1e6c",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "b761d13a-8edb-432e-bae4-e1b4a05b1ddb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "53f6b98d-23d0-467e-ba61-88065bb29db5",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1747015d-f1d6-415c-9806-d84bc8da87f0",
+                  "type": "desktop",
+                  "top": 640.0000762939453,
+                  "left": 28,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "53f6b98d-23d0-467e-ba61-88065bb29db5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "a718f68d-af30-4adc-8be7-fc747fdd54c3",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter name"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.populateModalFileds.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "9f29954f-0db8-42a4-a871-3a88a45c08ca",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "a718f68d-af30-4adc-8be7-fc747fdd54c3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "56417e12-af98-4dee-b979-f36ecb1c0773",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "{{page.variables.assetOperation === 'CREATE'? 'Add' : 'Save'}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.addAsset.isLoading || queries.updateAsset.isLoading}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "value": "{{components.textinput1.value.length == 0 || components.dropdown1.value == undefined || components.textinput2.value.length == 0 || components.textarea1.value.length == 0}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "476312c8-f599-4614-b414-b4f09c002c31",
+                  "type": "desktop",
+                  "top": 639.9998321533203,
+                  "left": 35,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "56417e12-af98-4dee-b979-f36ecb1c0773",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "a986e23d-f282-4216-8217-2032a86812c9",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "02e97804-fa30-4137-a7b2-5a6c5c3fbbdf",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 8,
+                  "width": 33,
+                  "height": 100,
+                  "componentId": "a986e23d-f282-4216-8217-2032a86812c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "db249bfc-5678-48cc-97e8-e3b6011dd865",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "23f2c9a4-1e71-44a5-b290-97e00d4a99d3",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#6483e899"
+                },
+                "borderRadius": {
+                  "value": "5"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:22:18.904Z",
+              "layouts": [
+                {
+                  "id": "e9eed00f-8034-4006-8b12-79e2857b2951",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 15,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "db249bfc-5678-48cc-97e8-e3b6011dd865",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "1e80eedd-b3e4-4fbb-ad60-3e1ea7dcd7cd",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 30,
+                  "width": 12,
+                  "height": 580,
+                  "componentId": "db249bfc-5678-48cc-97e8-e3b6011dd865",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "{{page.variables.assetOperation === 'CREATE'? 'Add digital asset' : 'Edit digital asset'}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "700px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "d3a01d7c-1a78-4496-b828-7d9c2c02c1ae",
+                  "type": "desktop",
+                  "top": 820,
+                  "left": 1,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:30:05.730Z"
+                }
+              ]
+            },
+            {
+              "id": "fee9aa13-749f-4315-890f-0fbae9f01dd7",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "ff199269-6568-45a7-a926-c885d33abe84",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "fee9aa13-749f-4315-890f-0fbae9f01dd7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "a9a19dc9-f4ff-45f1-98fb-3fbab28c2b06",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "File Display"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "939bfdf0-790b-447e-a6c5-07755d2a95d0",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "a9a19dc9-f4ff-45f1-98fb-3fbab28c2b06",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "95d474d9-6aa1-4ad2-bf22-79e3dd4704ac",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "550ecda4-9967-4681-b3d9-f9cdab6ef61e",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "95d474d9-6aa1-4ad2-bf22-79e3dd4704ac",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "name": "container5",
+              "type": "Container",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "db249bfc-5678-48cc-97e8-e3b6011dd865",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "5084e53c-02fc-4155-913a-82c7cb24c726",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 0,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "234d4ec7-4dae-486f-9148-fac52301b4bc",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 1,
+                  "width": 40,
+                  "height": 300,
+                  "componentId": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T00:35:35.510Z"
+                }
+              ]
+            },
+            {
+              "id": "49e0463c-a38c-4614-8b31-02fb0b872822",
+              "name": "divider4",
+              "type": "Divider",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "908ac24d-4875-4694-8bea-a4141e7b5805",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 0,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "49e0463c-a38c-4614-8b31-02fb0b872822",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "51108d6e-acb8-4683-a847-f279c14d41b4",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 1,
+                  "width": 40,
+                  "height": 10,
+                  "componentId": "49e0463c-a38c-4614-8b31-02fb0b872822",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:43:32.860Z"
+                }
+              ]
+            },
+            {
+              "id": "f9a0f6c0-e92a-43b7-ab70-ff88bf007b69",
+              "name": "chart1",
+              "type": "Chart",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "title": {
+                  "value": "Assets uploaded per month"
+                },
+                "data": {
+                  "value": "{{JSON.stringify(queries.generateAssetChart.data)}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getAssets.isLoading || queries.generateAssetChart.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "ecee2618-a9b6-4215-ac7f-caf1db9fa00b",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 0,
+                  "width": 43,
+                  "height": 180,
+                  "componentId": "f9a0f6c0-e92a-43b7-ab70-ff88bf007b69",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "7f786140-41d0-4cab-9198-77c4c9f8ec6a",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 1,
+                  "width": 20,
+                  "height": 400,
+                  "componentId": "f9a0f6c0-e92a-43b7-ab70-ff88bf007b69",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "782a27db-2fae-4e5b-8a8b-af064d584fe3",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "text": {
+                  "value": "Total number of assets uploaded"
+                },
+                "textFormat": {
+                  "value": "plainText"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "cb9cb529-1941-4556-b6c1-7579f9fb8c1d",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "782a27db-2fae-4e5b-8a8b-af064d584fe3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "c9b5d777-59fa-42dd-9f38-0d466c45d314",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 1,
+                  "width": 40,
+                  "height": 30,
+                  "componentId": "782a27db-2fae-4e5b-8a8b-af064d584fe3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:43:24.255Z"
+                }
+              ]
+            },
+            {
+              "id": "4e62d32f-c84f-4ca3-a3bb-ed20a98d00c9",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "text": {
+                  "value": "Total assets"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "0978a729-aeed-435e-b27f-0a0820b1208f",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "4e62d32f-c84f-4ca3-a3bb-ed20a98d00c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "87d3711f-6df4-46b7-8b15-b3513862162d",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 1,
+                  "width": 16,
+                  "height": 30,
+                  "componentId": "4e62d32f-c84f-4ca3-a3bb-ed20a98d00c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "84c80e90-aef1-42af-be2f-6a04244fe108",
+              "name": "icon5",
+              "type": "Icon",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "icon": {
+                  "value": "IconPhotoVideo"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "3caf9e81-e651-40dc-a2ec-f829e13b8365",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 17,
+                  "width": 3,
+                  "height": 50,
+                  "componentId": "84c80e90-aef1-42af-be2f-6a04244fe108",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:22:07.485Z"
+                },
+                {
+                  "id": "bef3784c-161a-49b0-aa56-7d66ccb6600a",
+                  "type": "mobile",
+                  "top": 630,
+                  "left": 3,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "84c80e90-aef1-42af-be2f-6a04244fe108",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "8bacf335-571d-4a5e-add9-349dc79a2db1",
+              "name": "text28",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "33f657ec-b6c9-4b2f-8a6e-039a5c573271",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 1,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "8bacf335-571d-4a5e-add9-349dc79a2db1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:26.512Z"
+                }
+              ]
+            },
+            {
+              "id": "8e914aaf-e206-473e-952e-95492f22e14f",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "text": {
+                  "value": "Avg. file size (kb)"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#000000"
+                },
+                "textSize": {
+                  "value": "{{14}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:30:27.572Z",
+              "layouts": [
+                {
+                  "id": "d9ecbf20-f8fa-4fa4-925b-aa6604ae8332",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 22,
+                  "width": 20,
+                  "height": 30,
+                  "componentId": "8e914aaf-e206-473e-952e-95492f22e14f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-07T01:31:02.227Z"
+                },
+                {
+                  "id": "7118c77a-c517-44e1-85e1-f23abbf6cb2d",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 8,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8e914aaf-e206-473e-952e-95492f22e14f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "4ec87583-5d72-40cb-bd3a-a7f79a2a56d4",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "text": {
+                  "value": "{{queries.calculateMetaData.data.totalAssets}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "lighter"
+                },
+                "textAlign": {
+                  "value": "left"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "73f4dc0f-f86e-4f67-9c6b-2a48e22df624",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "4ec87583-5d72-40cb-bd3a-a7f79a2a56d4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-07T01:30:49.068Z"
+                },
+                {
+                  "id": "071f00b5-ac58-42bc-b697-807c09976251",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "4ec87583-5d72-40cb-bd3a-a7f79a2a56d4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "9568f16b-4ecb-430b-807b-b313dda21410",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "697cbf4b-556c-4661-b2f0-3338ab742b40",
+              "properties": {
+                "text": {
+                  "value": "{{queries.calculateMetaData.data.avgSize}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "lighter"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "97cf151d-9093-421d-8bad-1abd909ef67e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "9568f16b-4ecb-430b-807b-b313dda21410",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "df14ae4d-7353-49cd-b9aa-64e1fadb1618",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 22,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "9568f16b-4ecb-430b-807b-b313dda21410",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "00eea181-2094-448c-88bc-e379a4aa64bd",
+              "name": "textinput7",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter size"
+                },
+                "loadingState": {
+                  "value": "{{queries.populateModalFileds.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "cbc35683-99cf-4297-8322-29aa5334546d",
+                  "type": "desktop",
+                  "top": 149.99998474121094,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "00eea181-2094-448c-88bc-e379a4aa64bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "ab604c75-7f46-47a2-9b09-c7f39f75f4d9",
+              "name": "dropdown3",
+              "type": "DropDown",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{[\"image\", \"video\", \"document\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Image\", \"Video\", \"Document\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select a type"
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "7b0354d9-d60c-46a0-86a2-7181767280e0",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "ab604c75-7f46-47a2-9b09-c7f39f75f4d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "7b227037-e396-439a-855a-24d04db8890d",
+              "name": "dropdown4",
+              "type": "DropDown",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{[\"jpg\", \"mp4\", \"pdf\", \"png\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\".jpg\", \".mp4\", \".pdf\", \".png\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select a format"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "54f49884-a757-4b8c-9754-87a04abdb9c5",
+                  "type": "desktop",
+                  "top": 210.00003051757812,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "7b227037-e396-439a-855a-24d04db8890d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "3390c5e1-5284-4577-bed3-4da23bd80dc4",
+              "name": "textinput9",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter location"
+                },
+                "loadingState": {
+                  "value": "{{queries.4b96808e-46f3-4dde-80b0-85d1a92a4f9f.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.189Z",
+              "layouts": [
+                {
+                  "id": "336ada44-7111-4828-a2d3-f119e7feaf34",
+                  "type": "desktop",
+                  "top": 270.0000305175781,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "3390c5e1-5284-4577-bed3-4da23bd80dc4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "07bd44d7-38a2-47f3-a758-f7725561db50",
+              "name": "textinput10",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter owner name"
+                },
+                "loadingState": {
+                  "value": "{{queries.4b96808e-46f3-4dde-80b0-85d1a92a4f9f.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.189Z",
+              "layouts": [
+                {
+                  "id": "7ffb1212-0142-4965-83ac-913ed1240154",
+                  "type": "desktop",
+                  "top": 330.00006103515625,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "07bd44d7-38a2-47f3-a758-f7725561db50",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "2eb7f1d7-ae5e-4e79-a0d7-b5107ba5ddb8",
+              "name": "textinput12",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter download URL"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.4b96808e-46f3-4dde-80b0-85d1a92a4f9f.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.189Z",
+              "layouts": [
+                {
+                  "id": "c6698c3d-2f46-4109-8d09-b5fb6339048b",
+                  "type": "desktop",
+                  "top": 570.0000762939453,
+                  "left": 8,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "2eb7f1d7-ae5e-4e79-a0d7-b5107ba5ddb8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "27aecfe6-0e9a-4a18-b048-0b2837183902",
+              "name": "icon6",
+              "type": "Icon",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "icon": {
+                  "value": "IconFile"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "dac8d641-ed4d-4f31-8ae8-03cc29f3d101",
+                  "type": "mobile",
+                  "top": 630,
+                  "left": 3,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "27aecfe6-0e9a-4a18-b048-0b2837183902",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "aac5f8e4-b1e2-4c68-81cd-f5b57a3b494f",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 10,
+                  "width": 3,
+                  "height": 50,
+                  "componentId": "27aecfe6-0e9a-4a18-b048-0b2837183902",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:22:37.412Z"
+                }
+              ]
+            },
+            {
+              "id": "70c0ea50-6f8a-4837-8bac-8145caa3c345",
+              "name": "checkbox1",
+              "type": "Checkbox",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "39946f4f-8a72-4e2f-9c6d-c2e7f22dd1fe",
+                  "type": "mobile",
+                  "top": 660,
+                  "left": 3,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "70c0ea50-6f8a-4837-8bac-8145caa3c345",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "c04261fb-07e3-407f-8939-9407dbbb7550",
+                  "type": "desktop",
+                  "top": 520,
+                  "left": 8,
+                  "width": 2,
+                  "height": 30,
+                  "componentId": "70c0ea50-6f8a-4837-8bac-8145caa3c345",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:21:34.754Z"
+                }
+              ]
+            },
+            {
+              "id": "e2a25d20-21d3-4266-a595-3cc54ce8bf6b",
+              "name": "checkbox2",
+              "type": "Checkbox",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "defaultValue": {
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5a91fece-4569-4b7c-bc08-21c5c75620c9",
+                  "type": "mobile",
+                  "top": 660,
+                  "left": 3,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "e2a25d20-21d3-4266-a595-3cc54ce8bf6b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "ed6b2c61-0e6b-4ca4-9171-77325a1874de",
+                  "type": "desktop",
+                  "top": 519.9999847412109,
+                  "left": 15,
+                  "width": 2,
+                  "height": 30,
+                  "componentId": "e2a25d20-21d3-4266-a595-3cc54ce8bf6b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:22:07.485Z"
+                }
+              ]
+            },
+            {
+              "id": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "name": "form1",
+              "type": "Form",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "db249bfc-5678-48cc-97e8-e3b6011dd865",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "8e3e888c-4ad5-4d24-aa85-3f0ee0fe138c"
+                }
+              },
+              "general": {},
+              "styles": {
+                "disabledState": {
+                  "fxActive": false,
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:31:46.388Z",
+              "layouts": [
+                {
+                  "id": "29c2e7e6-88bc-4a4a-a154-444ffbe3255d",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 12,
+                  "width": 13,
+                  "height": 330,
+                  "componentId": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "e4930783-f6fd-4161-95a9-6dd113dc9900",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 40,
+                  "height": 240,
+                  "componentId": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T00:35:24.409Z"
+                }
+              ]
+            },
+            {
+              "id": "aa3854a5-ec1d-4936-9bb8-69a9b1dd889b",
+              "name": "textinput13",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "fxActive": true,
+                  "value": "{{components.form1.children.textinput13.isDisabled? \"#F4F4F4\" : \"#fff\"}}"
+                },
+                "iconColor": {
+                  "value": "#040404ff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "textColor": {
+                  "fxActive": true,
+                  "value": "{{components.form1.children.textinput13.isDisabled? \"#000\" : \"#1B1F24\"}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:37:37.158Z",
+              "layouts": [
+                {
+                  "id": "cb28bd46-eb4a-4ec0-9f82-d5a7969aac46",
+                  "type": "desktop",
+                  "top": 39.99998474121094,
+                  "left": 11,
+                  "width": 25.000000000000004,
+                  "height": 30,
+                  "componentId": "aa3854a5-ec1d-4936-9bb8-69a9b1dd889b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:10.259Z"
+                }
+              ]
+            },
+            {
+              "id": "a8221fe5-56a1-48c0-9f7d-53bebf006685",
+              "name": "text22",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "{{components.ea427c2e-b3a5-46db-9169-e0b72c641469.selectedRow.asset_name || \"\"}}"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "User Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.189Z",
+              "layouts": [
+                {
+                  "id": "163bde3b-ba7a-4e8c-ae1d-245c2fb7ddcd",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 1,
+                  "width": 17,
+                  "height": 30,
+                  "componentId": "a8221fe5-56a1-48c0-9f7d-53bebf006685",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:41:46.719Z"
+                }
+              ]
+            },
+            {
+              "id": "19a1ff9b-1e3f-45f6-960b-ec3fdea24fe9",
+              "name": "button13",
+              "type": "Button",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "Manage Asset"
+                },
+                "disabledState": {
+                  "value": "{{!Boolean(components.table1.selectedRow.id)}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "400f48d9-05b6-4f0a-83d0-40f3fc5bfeb8",
+                  "type": "desktop",
+                  "top": 190,
+                  "left": 1,
+                  "width": 18,
+                  "height": 30,
+                  "componentId": "19a1ff9b-1e3f-45f6-960b-ec3fdea24fe9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:54:49.617Z"
+                }
+              ]
+            },
+            {
+              "id": "2bf1ab0b-5986-4a32-a706-56a8763f99b5",
+              "name": "text25",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "Location"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "35d3cc1f-c0cb-4735-b9da-a5fbe58c4156",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 1,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "2bf1ab0b-5986-4a32-a706-56a8763f99b5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:19.615Z"
+                }
+              ]
+            },
+            {
+              "id": "fa2f18fc-a0cc-4316-922a-10e989079b76",
+              "name": "text27",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "Size (kb)"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:30:08.978Z",
+              "layouts": [
+                {
+                  "id": "6a1e48fb-7737-45f8-9e65-7efef4c28cd7",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "fa2f18fc-a0cc-4316-922a-10e989079b76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:23.562Z"
+                }
+              ]
+            },
+            {
+              "id": "89ccd350-5e43-4603-90cf-34f98fbf709c",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Size (kb)"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false,
+                  "value": "#000000"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textSize": {
+                  "value": "{{14}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "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-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:29:57.460Z",
+              "layouts": [
+                {
+                  "id": "73d7f279-ddad-4fb2-8630-5aca125058c4",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "89ccd350-5e43-4603-90cf-34f98fbf709c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "7acf0e03-1b3c-455a-a954-ed0644a71362",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "value": {
+                  "value": "0"
+                },
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "{{components.form1.children.numberinput2.isDisabled? \"#F4F4F4\" : \"#fff\"}}",
+                  "fxActive": true
+                },
+                "textColor": {
+                  "value": "{{components.form1.children.numberinput2.isDisabled? \"#000\" : \"#1B1F24\"}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "9b593f8b-54e6-4b7c-b556-fae67ef5baff",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 11,
+                  "width": 25,
+                  "height": 30,
+                  "componentId": "7acf0e03-1b3c-455a-a954-ed0644a71362",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:10.259Z"
+                }
+              ]
+            },
+            {
+              "id": "10db5ec4-0a50-402f-b5ac-4057c6f568a9",
+              "name": "text26",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Download URL"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "ddac0c1c-3bdf-4f1f-b898-df773dbe3fa8",
+                  "type": "desktop",
+                  "top": 560,
+                  "left": 2,
+                  "width": 6,
+                  "height": 60,
+                  "componentId": "10db5ec4-0a50-402f-b5ac-4057c6f568a9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "700c2f0b-a9ad-4be8-8f35-846aac4da563",
+              "name": "text20",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "a2bdd275-0a22-4b34-ace3-bb254f2203d9",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "700c2f0b-a9ad-4be8-8f35-846aac4da563",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "971f7761-711f-4700-ab1e-610ce354f5c4",
+              "name": "text21",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Format"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "92cb31d1-567e-4649-a63c-f83b2d28cf96",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "971f7761-711f-4700-ab1e-610ce354f5c4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "dc6d0f4d-6d0b-48c8-bed4-c4e0107b6140",
+              "name": "text23",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Location"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "30360991-512a-4fa6-9696-8c016706672f",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "dc6d0f4d-6d0b-48c8-bed4-c4e0107b6140",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "a81ddd80-77c8-42d4-8ae9-f40e5be6b18c",
+              "name": "text24",
+              "type": "Text",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+              "properties": {
+                "text": {
+                  "value": "Owner Name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "8336b353-de3f-41a0-a0c2-d0185b82a865",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "a81ddd80-77c8-42d4-8ae9-f40e5be6b18c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T05:26:11.625Z"
+                }
+              ]
+            },
+            {
+              "id": "832992bd-634a-49a2-84b1-1f8eaabcf0d1",
+              "name": "icon3",
+              "type": "Icon",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "36432fd7-21b5-4351-890f-477c991f83cf",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": 9,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "832992bd-634a-49a2-84b1-1f8eaabcf0d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "7017ba3c-8768-4171-8c94-6b941144ef20",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 37,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "832992bd-634a-49a2-84b1-1f8eaabcf0d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:21:28.462Z"
+                }
+              ]
+            },
+            {
+              "id": "6f8784bd-62c2-4428-8ac6-47fd739b2670",
+              "name": "divider6",
+              "type": "Divider",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "bbef5507-9991-4410-8bf1-0fa68a570e67",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 1,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "6f8784bd-62c2-4428-8ac6-47fd739b2670",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "50dae30e-4178-49d0-8f3c-00d0a0a1fb3f",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 1,
+                  "width": 40,
+                  "height": 10,
+                  "componentId": "6f8784bd-62c2-4428-8ac6-47fd739b2670",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:55:28.395Z"
+                }
+              ]
+            },
+            {
+              "id": "6382e008-604e-4990-aac3-e11526e66e0e",
+              "name": "icon7",
+              "type": "Icon",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "aab71904-b64a-4514-81ec-0e5fcb80140c",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": 9,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "6382e008-604e-4990-aac3-e11526e66e0e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "8cb1600f-d810-4455-892a-f0ece0195fb4",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 37,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "6382e008-604e-4990-aac3-e11526e66e0e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:21:44.727Z"
+                }
+              ]
+            },
+            {
+              "id": "d5ecb10e-b3ed-4968-a933-39dddd8c5f1b",
+              "name": "icon8",
+              "type": "Icon",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "icon": {
+                  "value": "IconPencil"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "c4d614b5-b4f7-46c0-ae31-4574a01b73cb",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": 9,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "d5ecb10e-b3ed-4968-a933-39dddd8c5f1b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "de2a6b3d-5a76-4e73-8374-a8e92e7b545f",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 37,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "d5ecb10e-b3ed-4968-a933-39dddd8c5f1b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:39:47.566Z"
+                }
+              ]
+            },
+            {
+              "id": "3f39bd0e-37f5-4302-b70c-1f177758c943",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter object description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "39ac17bb-2936-40e6-b290-635d6346402e",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 3,
+                  "width": 33,
+                  "height": 100,
+                  "componentId": "3f39bd0e-37f5-4302-b70c-1f177758c943",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "b3b359a3-9b09-46e4-b931-39cd6cc88b36",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "8877a595-751b-4857-92fd-761aa81c8a80",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Bill of materials</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "018808f5-a953-4468-8464-5dac35893601",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 12,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "b3b359a3-9b09-46e4-b931-39cd6cc88b36",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "cd3c8095-76a5-426b-8589-5d79a8b85a1c",
+                  "type": "mobile",
+                  "top": 720,
+                  "left": 0,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "00193a8c-10f0-4e17-8344-3407a1c36728",
+                  "type": "desktop",
+                  "top": 110.00000381469727,
+                  "left": 0,
+                  "width": 40.99999999999999,
+                  "height": 680,
+                  "componentId": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "26ffab70-e3c6-4c19-95fa-b3e488e1d5e2",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+              "properties": {
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnType": "number"
+                    },
+                    {
+                      "id": "03f89b01-3057-4713-8c61-729cf26dc745",
+                      "name": "material type",
+                      "key": "material_type",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "c500710f-32ae-4027-b6f1-7aa7f1c1f46f",
+                      "name": "material description",
+                      "key": "material_description",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "d46125a2-0905-472b-865e-189454f5a0a2",
+                      "name": "object description",
+                      "key": "object_description",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "12b313a8-a9d7-4961-b58b-07c9b3aa086e",
+                      "name": "source factory",
+                      "key": "source_factory",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "eadb98cd-316f-4239-a1ec-dc8b31ff59d1",
+                      "name": "unit of measure",
+                      "key": "unit_of_measure",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "5b3cc67b-d3d0-452e-baf8-af7f3db5b3d4",
+                      "name": "standard price",
+                      "key": "standard_price",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "fba2087c-c6c2-42cb-b75c-79b690899af5",
+                      "name": "quantity",
+                      "key": "quantity",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "8f583991-7cea-4074-a2ab-af95aadffaf6",
+                      "name": "created at",
+                      "key": "created_at",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "3a8cd0d8-4a27-4f63-b3b3-905b57839f9c",
+                      "name": "updated at",
+                      "key": "updated_at",
+                      "columnType": "string",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getBillOfMaterials.isLoading}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "5be4b83a-1478-45bb-8cc0-256f5bcd5819": 173,
+                    "11f5b861-297e-40f9-a4e1-5a099f1a43ba": 170,
+                    "6058c41c-93de-4e91-b177-93e2c9dd4523": 207,
+                    "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 41,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 142,
+                    "831e699e-ad9b-43ca-9365-205756c8fa4d": 378,
+                    "3a8cd0d8-4a27-4f63-b3b3-905b57839f9c": 150,
+                    "8f583991-7cea-4074-a2ab-af95aadffaf6": 167,
+                    "999a2110-8654-4c1e-9557-e9b6ae66747a": 141,
+                    "dba55ca4-e304-4cbb-a99a-238dc54ffc44": 127,
+                    "51626d73-6163-4f58-b9e4-65eccc4fc058": 171,
+                    "a942b295-b2ba-4065-bab6-5e1f4507f4e8": 187,
+                    "d46125a2-0905-472b-865e-189454f5a0a2": 178,
+                    "c500710f-32ae-4027-b6f1-7aa7f1c1f46f": 188
+                  }
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "is_active",
+                    "product_id"
+                  ]
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    }
+                  ]
+                },
+                "data": {
+                  "value": "{{queries.getBillOfMaterials.data}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "cellSize": {
+                  "value": "regular",
+                  "fxActive": false
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "tableType": {
+                  "value": "table-striped"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "db355a45-83f0-4a18-a251-ae1562ee51d9",
+                  "type": "mobile",
+                  "top": 616,
+                  "left": 0,
+                  "width": 28.86,
+                  "height": 456,
+                  "componentId": "26ffab70-e3c6-4c19-95fa-b3e488e1d5e2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "d774abd6-12eb-49d9-b89a-eeba9bf72ca1",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 0,
+                  "width": 41.00000000000001,
+                  "height": 580,
+                  "componentId": "26ffab70-e3c6-4c19-95fa-b3e488e1d5e2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "7874401b-d9ac-4dd5-8b28-21dd675440d2",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+              "properties": {
+                "text": {
+                  "value": "+ Add bill of material"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#f39c12ff"
+                },
+                "loaderColor": {
+                  "value": "#f39c12ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#f39c12ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0e3fcf88-5745-4ba1-a627-ad6307afcfc3",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "7874401b-d9ac-4dd5-8b28-21dd675440d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "9b5cea76-72d0-48ed-9ccb-4cce25f1ad3a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 15,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "7874401b-d9ac-4dd5-8b28-21dd675440d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "32e6219b-04cc-4bb2-883d-0426dbf58e58",
+              "name": "textinput11",
+              "type": "TextInput",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "{{components.form1.children.textinput11.isDisabled? \"#F4F4F4\" : \"#fff\"}}",
+                  "fxActive": true
+                },
+                "textColor": {
+                  "value": "{{components.form1.children.textinput11.isDisabled? \"#000\" : \"#1B1F24\"}}",
+                  "fxActive": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "d32addd4-f56d-49e2-876d-27c6df1635d5",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 11,
+                  "width": 25,
+                  "height": 30,
+                  "componentId": "32e6219b-04cc-4bb2-883d-0426dbf58e58",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:23:15.671Z"
+                }
+              ]
+            },
+            {
+              "id": "174e349a-34be-469d-b830-2cf39b36027b",
+              "name": "button9",
+              "type": "Button",
+              "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "parent": "54cc5524-e9e1-4ef5-85a7-42dc60a6e932",
+              "properties": {
+                "text": {
+                  "value": "Save Changes"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{!Boolean(components.table1.selectedRow.id)}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.539e7d70-94fe-41e4-8dd0-909b7eb01543.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "dcde3072-5940-444d-ae4e-98a943342f94",
+                  "type": "desktop",
+                  "top": 189.99996948242188,
+                  "left": 23,
+                  "width": 18,
+                  "height": 30,
+                  "componentId": "174e349a-34be-469d-b830-2cf39b36027b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:55:22.363Z"
+                }
+              ]
+            },
+            {
+              "id": "fd1f0cdf-ee11-4485-8891-a6b407e8daa1",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "b5db7608-fcd1-41bb-86df-5949fd5cce10",
+              "properties": {
+                "text": {
+                  "value": "Bill of materials of product #{{globals.urlparams.product_id}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#f39c12ff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "2078ef86-9119-436c-b9f7-3f315808204f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 0,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "fd1f0cdf-ee11-4485-8891-a6b407e8daa1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "78f0af4e-c208-4117-a493-9c742721b0b2",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Material type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "5a9e0893-073f-4bd9-8487-a9ad17d07923",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "78f0af4e-c208-4117-a493-9c742721b0b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "aa5077e3-c7cc-4ae4-ba8a-72e93ed2654f",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter material type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "e9da8628-97bd-42fd-9e93-9ad157fb4170",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "aa5077e3-c7cc-4ae4-ba8a-72e93ed2654f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "3bd06c88-7e46-4464-bf5f-f2f646d9b322",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Material description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "aff0173f-f419-4f15-bb55-d33d3b90c691",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 6,
+                  "height": 50,
+                  "componentId": "3bd06c88-7e46-4464-bf5f-f2f646d9b322",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Add bill of material for product #{{globals.urlparams.product_id}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "575px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "b7f0a848-b56b-4bc1-bbae-09d7b8dfbba9",
+                  "type": "desktop",
+                  "top": 850.0000305175781,
+                  "left": 0,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "b6b53d03-ab4d-4975-bfc9-1f88b37a428c",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter material description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "4709eeae-1bed-44fa-aed9-ca859744c924",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 3,
+                  "width": 33,
+                  "height": 100,
+                  "componentId": "b6b53d03-ab4d-4975-bfc9-1f88b37a428c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "4e31d1f2-fdfb-45cb-872c-39e187d996a0",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Add"
+                },
+                "loadingState": {
+                  "value": "{{queries.addBillOfMaterial.isLoading}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2bdc4147-5b2d-443d-89bc-898ba6392081",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "4e31d1f2-fdfb-45cb-872c-39e187d996a0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "4480fb75-e96f-42ad-a4c1-18004ba3fd8b",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#f39c12ff"
+                },
+                "loaderColor": {
+                  "value": "#f39c12ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#f39c12ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "24f3aa95-b013-4782-acab-7d0640032869",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 12,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "4480fb75-e96f-42ad-a4c1-18004ba3fd8b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "68a02c9d-8770-449e-aac7-d03fe807557e",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "8877a595-751b-4857-92fd-761aa81c8a80",
+              "properties": {
+                "icon": {
+                  "value": "IconChevronLeft"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "a7dc3fb4-5a52-48fd-a115-f2ae249c3741",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 7,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "68a02c9d-8770-449e-aac7-d03fe807557e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "716e2f14-6b53-41be-a244-d0936d05bafa",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 0,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "68a02c9d-8770-449e-aac7-d03fe807557e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "5a78afa4-38d1-40a0-9fc3-7ad33004e3dc",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Object description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "e7209163-ca9c-496a-a231-1c04f0f90842",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 1,
+                  "width": 6,
+                  "height": 50,
+                  "componentId": "5a78afa4-38d1-40a0-9fc3-7ad33004e3dc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "15e7f129-c5a1-4bac-b524-cc9994848052",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Source factory"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "b97c4c4a-97b6-4b6d-8087-4a145a3e11e4",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 1,
+                  "width": 6,
+                  "height": 60,
+                  "componentId": "15e7f129-c5a1-4bac-b524-cc9994848052",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "084c73c6-8b6e-42a4-a2de-f727f8978a4f",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter source factory"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "58c4a6cd-3dee-4e7a-9589-e493ecbc8036",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "084c73c6-8b6e-42a4-a2de-f727f8978a4f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "02664f8f-0201-415d-8573-adfb7ef7341f",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Unit of measure"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "4ef94ac6-15ab-4707-b64e-3c655597f24b",
+                  "type": "desktop",
+                  "top": 370,
+                  "left": 1,
+                  "width": 6,
+                  "height": 60,
+                  "componentId": "02664f8f-0201-415d-8573-adfb7ef7341f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "999a65a5-da31-4013-b9c0-cc6c27edc415",
+              "name": "textinput3",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter unit of measure"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "af16e02b-1c7e-45d7-9204-9e62f3c94e54",
+                  "type": "desktop",
+                  "top": 380,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "999a65a5-da31-4013-b9c0-cc6c27edc415",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "9d64c194-8df6-48bf-ba20-b06dd7bbc11f",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Quantity"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "af1cdc1b-c61f-4fc7-83e6-63ec3ebbf0be",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "9d64c194-8df6-48bf-ba20-b06dd7bbc11f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "9ce54809-8f89-49ad-bba2-373db5394507",
+              "name": "numberinput1",
+              "type": "NumberInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "0f5fde12-5906-430e-934c-7bf19a948531",
+                  "type": "mobile",
+                  "top": 460,
+                  "left": 4,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "9ce54809-8f89-49ad-bba2-373db5394507",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "57b3efec-bb5e-4562-8311-b781a209291f",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 3,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "9ce54809-8f89-49ad-bba2-373db5394507",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "72a4980a-2d6e-43d4-b01e-62e5cd38ead9",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0.00"
+                }
+              },
+              "general": {},
+              "styles": {
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "7dd85f40-9b56-4e96-b90f-249427b05b56",
+                  "type": "mobile",
+                  "top": 460,
+                  "left": 4,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "72a4980a-2d6e-43d4-b01e-62e5cd38ead9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "3d3fa243-bc57-41a3-b869-514dbd4a217e",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 12,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "72a4980a-2d6e-43d4-b01e-62e5cd38ead9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "b2fa941f-abed-4b30-8e06-df483b9036fc",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+              "properties": {
+                "text": {
+                  "value": "Standard price"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "d3b6538f-a86f-4da4-a5b8-8a4c6ad1d80b",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 9,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "b2fa941f-abed-4b30-8e06-df483b9036fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "3e32d647-93c0-44cb-b41b-c3e92710bc20",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "value": "{{queries.editBillOfMaterial.isLoading}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "24698320-7ebf-4e88-bce8-c7c416d260f4",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "3e32d647-93c0-44cb-b41b-c3e92710bc20",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "1ed7211c-b389-4d36-86db-c5a4d3173c39",
+              "name": "textinput6",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter unit of measure"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.unit_of_measure}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "07c28dc5-c565-40d8-85c8-94253011f905",
+                  "type": "desktop",
+                  "top": 380,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "1ed7211c-b389-4d36-86db-c5a4d3173c39",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "0bb32636-f444-4b11-bef1-f4f90ada5126",
+              "name": "numberinput4",
+              "type": "NumberInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0.00"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.standard_price}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "eb9c0990-f442-4ef8-bf11-04776355817f",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 12,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "0bb32636-f444-4b11-bef1-f4f90ada5126",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "c91fabc1-e3c7-438d-b110-c9633d1831b8",
+                  "type": "mobile",
+                  "top": 460,
+                  "left": 4,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "0bb32636-f444-4b11-bef1-f4f90ada5126",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "42c59ffe-a140-4728-b627-08e14d67cc99",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Material type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "30922b51-c924-48dc-b543-449038f08ff7",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "42c59ffe-a140-4728-b627-08e14d67cc99",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "f0aa62a1-e8bf-412a-a48f-09119c231d7b",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Material description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "19cf255d-2cd6-4474-9854-b0085be4620e",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 6,
+                  "height": 50,
+                  "componentId": "f0aa62a1-e8bf-412a-a48f-09119c231d7b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "a9f4765f-9147-4dc4-8acd-b3318c9c519b",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Object description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "f18c49b1-3f53-4d79-9b16-ca12ff17e84e",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 1,
+                  "width": 6,
+                  "height": 50,
+                  "componentId": "a9f4765f-9147-4dc4-8acd-b3318c9c519b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "8236734c-3c24-407a-a5ea-b3713e855caa",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Source factory"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "bccc6174-c4d4-43bc-af1b-4de0cc0edba0",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 1,
+                  "width": 6,
+                  "height": 60,
+                  "componentId": "8236734c-3c24-407a-a5ea-b3713e855caa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "8efb6d91-a3ce-46b3-9e7b-9478db20fe3b",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Unit of measure"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "bd5f0cb5-762f-4b89-8ddb-e9ce0a67d3ea",
+                  "type": "desktop",
+                  "top": 370,
+                  "left": 1,
+                  "width": 6,
+                  "height": 60,
+                  "componentId": "8efb6d91-a3ce-46b3-9e7b-9478db20fe3b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "c510df1f-57c6-4a6a-8784-8dc55eaf9368",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Quantity"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "62a64442-a8f2-45f3-a465-783a8efb685a",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "c510df1f-57c6-4a6a-8784-8dc55eaf9368",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "cca95250-9bb2-40cd-b8da-af4c226183ee",
+              "name": "numberinput3",
+              "type": "NumberInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.quantity}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                }
+              },
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "e9571888-6877-4787-aa2d-82fd62b1043e",
+                  "type": "mobile",
+                  "top": 460,
+                  "left": 4,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "cca95250-9bb2-40cd-b8da-af4c226183ee",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                },
+                {
+                  "id": "25983c47-0951-463d-978f-67fbbeaf09d6",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 3,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "cca95250-9bb2-40cd-b8da-af4c226183ee",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "63b1b856-da36-4c0f-9a96-566a8afed35f",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Standard price"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "70735322-e686-4fd0-b590-e1b145bdb399",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 9,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "63b1b856-da36-4c0f-9a96-566a8afed35f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Delete Bill of Material"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "190px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "8c2632ce-ae79-4520-956f-c89260a029c0",
+                  "type": "desktop",
+                  "top": 850.0000152587891,
+                  "left": 7,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "83e8c73b-7a80-4eec-af2c-3c748cd5aa0e",
+              "name": "textarea3",
+              "type": "TextArea",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.material_description}}"
+                },
+                "placeholder": {
+                  "value": "Enter material description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "9672c37a-84ca-4665-9405-165d81bfc8f9",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 3,
+                  "width": 33,
+                  "height": 100,
+                  "componentId": "83e8c73b-7a80-4eec-af2c-3c748cd5aa0e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "465b8ab4-4e3e-4708-b7d0-29e93b55eecb",
+              "name": "textarea4",
+              "type": "TextArea",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.object_description}}"
+                },
+                "placeholder": {
+                  "value": "Enter object description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "28d59aed-4b9d-4281-899e-fe1f6265bb14",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 3,
+                  "width": 33,
+                  "height": 100,
+                  "componentId": "465b8ab4-4e3e-4708-b7d0-29e93b55eecb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "bdb14c1e-7af7-4038-a606-f1cc00eb5727",
+              "name": "textinput5",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter source factory"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.source_factory}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "78765568-f186-4af7-9555-7d582a29988a",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "bdb14c1e-7af7-4038-a606-f1cc00eb5727",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "50ca83a5-5a07-4b75-900d-085d60be6119",
+              "name": "textinput4",
+              "type": "TextInput",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "label": "",
+                "placeholder": {
+                  "value": "Enter material type"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.material_type}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "borderColor": {
+                  "value": "#dadcde"
+                },
+                "errTextColor": {
+                  "value": "#ff0000"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "233f0703-6e3d-4f6d-8330-6684f4d3606c",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "50ca83a5-5a07-4b75-900d-085d60be6119",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "928a9ed1-aeaf-40c6-b206-c9f86a1819b6",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#f39c12ff"
+                },
+                "loaderColor": {
+                  "value": "#f39c12ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#f39c12ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d0c08308-2899-4ca1-8555-b34266219a07",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 12,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "928a9ed1-aeaf-40c6-b206-c9f86a1819b6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "045f3d67-824c-4a65-9caa-5f6dccb5a7f4",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+              "properties": {
+                "text": {
+                  "value": "Delete"
+                },
+                "loadingState": {
+                  "value": "{{queries.deleteBillOfMaterial.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "64b924b0-47c0-484b-b81e-eeacb3fa3231",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 10,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "045f3d67-824c-4a65-9caa-5f6dccb5a7f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "e40811a7-63d8-4b34-a5cf-86a3efcd2853",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+              "properties": {
+                "text": {
+                  "value": "Please note that this process is irreversible.\n<br>Are you sure you want to delete this Bill of material?"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "15"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "49d96cdc-e5bd-4bb3-9156-32a2039c04ca",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 37,
+                  "height": 80,
+                  "componentId": "e40811a7-63d8-4b34-a5cf-86a3efcd2853",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "57dfd2a3-d6b5-4af3-bd10-198e032afe0d",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#f39c12ff"
+                },
+                "loaderColor": {
+                  "value": "#f39c12ff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#f39c12ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "06c01b54-2a71-4d32-8e4a-807a9d907d7e",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 4,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "57dfd2a3-d6b5-4af3-bd10-198e032afe0d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit bill of material #{{components.table1.selectedRow.id}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "575px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "24c07e0e-02b1-44dc-adc2-b2ca36ff9e66",
+                  "type": "desktop",
+                  "top": 850.0000343322754,
+                  "left": 4,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "8877a595-751b-4857-92fd-761aa81c8a80",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f39c12ff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "a887e473-1c3f-4fca-aa22-2251cbf33f04",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 0,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "8877a595-751b-4857-92fd-761aa81c8a80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            },
+            {
+              "id": "253d7827-91a0-42ed-9c11-c29fa1733019",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "parent": "8877a595-751b-4857-92fd-761aa81c8a80",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "layouts": [
+                {
+                  "id": "7d7e97fe-3095-441f-8443-033754c9cacb",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "253d7827-91a0-42ed-9c11-c29fa1733019",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T00:19:38.400Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "299be32b-308f-48e3-abca-45327244c2f5",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "autoComputeLayout": false,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "name": "Bill of materials",
+              "handle": "bill-of-materials",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z",
+              "autoComputeLayout": false,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "4d30854b-6dd0-475b-aed1-35f18bf1f6c1",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update asset! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "bfb5f751-c509-4324-92d3-acbea0b28717",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "modal": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info",
+                "runOnlyIf": ""
+              },
+              "sourceId": "99ee9465-6eb1-4410-94e2-953f9b41c0bf",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.017Z"
+            },
+            {
+              "id": "27103a22-49fd-43b6-9021-d12f4c92face",
+              "name": "onRowClicked",
+              "index": 0,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "queryId": "2dfa9903-d8a6-43bd-a532-c9497326e249",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "handleRowHover",
+                "runOnlyIf": "",
+                "parameters": {
+                  "record": "{{components.table1.selectedRow}}",
+                  "recordID": "{{this}}",
+                  "hoveredRow": "{{components.ea427c2e-b3a5-46db-9169-e0b72c641469.selectedRow}}"
+                }
+              },
+              "sourceId": "ea427c2e-b3a5-46db-9169-e0b72c641469",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.024Z"
+            },
+            {
+              "id": "bf899eb4-0ace-4bb2-a31c-0dd7cd753a39",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.161Z"
+            },
+            {
+              "id": "73f03d01-1e6f-4c63-a569-9de4309ca101",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.166Z"
+            },
+            {
+              "id": "10808726-f88e-4f38-b588-ecd0e7690189",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "7acf0e03-1b3c-455a-a954-ed0644a71362",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "type": "toggle",
+                    "value": "{{!components.form1.data.numberinput2.isDisabled}}",
+                    "handle": "disable",
+                    "displayName": "Value",
+                    "defaultValue": "{{false}}"
+                  }
+                ]
+              },
+              "sourceId": "6382e008-604e-4990-aac3-e11526e66e0e",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:34:45.638Z"
+            },
+            {
+              "id": "ff835cf6-463f-4631-8ad7-70e93c18525f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "32e6219b-04cc-4bb2-883d-0426dbf58e58",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "type": "toggle",
+                    "value": "{{!components.form1.data.textinput11.isDisabled}}",
+                    "handle": "disable",
+                    "displayName": "Value",
+                    "defaultValue": "{{false}}"
+                  }
+                ]
+              },
+              "sourceId": "d5ecb10e-b3ed-4968-a933-39dddd8c5f1b",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:40:17.208Z"
+            },
+            {
+              "id": "27d3a136-deab-4f24-9fb0-bce29d6d0080",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "key": "assetOperation",
+                "value": "CREATE",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "set-page-variable",
+                "alertType": "info"
+              },
+              "sourceId": "99ee9465-6eb1-4410-94e2-953f9b41c0bf",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "a4769c27-dd94-4d2d-b1b9-926cf4fbd6df",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "53f6b98d-23d0-467e-ba61-88065bb29db5",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.033Z"
+            },
+            {
+              "id": "79206ec9-750b-4587-b816-b3e7d0070bc1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addProduct",
+                "runOnlyIf": "{{page.variables.assetOperation === 'CREATE'}}",
+                "parameters": {}
+              },
+              "sourceId": "56417e12-af98-4dee-b979-f36ecb1c0773",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.038Z"
+            },
+            {
+              "id": "d68ba937-9c0d-44b2-8762-55280048375e",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateAsset",
+                "runOnlyIf": "{{page.variables.assetOperation === 'UPDATE'}}",
+                "parameters": {}
+              },
+              "sourceId": "56417e12-af98-4dee-b979-f36ecb1c0773",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.042Z"
+            },
+            {
+              "id": "478391e7-bc7c-44d9-9d77-a69513e90312",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "2cfaad1d-2d2f-440d-a371-5daef6af7b63",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "handleFileChange",
+                "parameters": {
+                  "fileType": "{{components.ab604c75-7f46-47a2-9b09-c7f39f75f4d9.value}}",
+                  "globalVars": "{{variables}}",
+                  "fileCheckBox": "{{components.70c0ea50-6f8a-4837-8bac-8145caa3c345}}",
+                  "mediaCheckBox": "{{components.e2a25d20-21d3-4266-a595-3cc54ce8bf6b}}"
+                },
+                "componentId": "849eba00-24ff-4292-a023-f14031b91205"
+              },
+              "sourceId": "ab604c75-7f46-47a2-9b09-c7f39f75f4d9",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.047Z"
+            },
+            {
+              "id": "14fd29d9-11c6-4e84-bb54-bba616e08102",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "modal": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info",
+                "runOnlyIf": ""
+              },
+              "sourceId": "19a1ff9b-1e3f-45f6-960b-ec3fdea24fe9",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:53:56.980Z"
+            },
+            {
+              "id": "4ef2b144-ac91-476e-be4f-adbbd65a82fb",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "16a23b75-a325-4da4-b470-56fa1a657203",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "populateModalFileds",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "19a1ff9b-1e3f-45f6-960b-ec3fdea24fe9",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:53:52.376Z"
+            },
+            {
+              "id": "9e84e485-6b32-4968-8345-ab75a5d5a69b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "key": "assetOperation",
+                "value": "UPDATE",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "set-page-variable",
+                "alertType": "info",
+                "runOnlyIf": ""
+              },
+              "sourceId": "19a1ff9b-1e3f-45f6-960b-ec3fdea24fe9",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:54:01.581Z"
+            },
+            {
+              "id": "d97c864e-6273-4b89-bd91-b381c762f437",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "aa3854a5-ec1d-4936-9bb8-69a9b1dd889b",
+                "componentSpecificActionHandle": "setDisable",
+                "componentSpecificActionParams": [
+                  {
+                    "type": "toggle",
+                    "value": "{{!components.form1.data.textinput13.isDisabled}}",
+                    "handle": "disable",
+                    "displayName": "Value",
+                    "defaultValue": "{{false}}"
+                  }
+                ]
+              },
+              "sourceId": "832992bd-634a-49a2-84b1-1f8eaabcf0d1",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:33:56.404Z"
+            },
+            {
+              "id": "826a425d-4757-4fb8-8c6a-65f3da12e85f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "656d49ea-7daa-4aff-a413-d27aa0e10568",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBillOfMaterials",
+                "parameters": {}
+              },
+              "sourceId": "4e31d1f2-fdfb-45cb-872c-39e187d996a0",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "3d5647ab-1998-4aa3-a6ce-227e41bf05fe",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "71b2cef0-7c47-498a-ab2e-893bc2e8ab06",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "editBillOfMaterial",
+                "parameters": {}
+              },
+              "sourceId": "3e32d647-93c0-44cb-b41b-c3e92710bc20",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "b97cb7b5-1930-4788-9987-f4cea7a3b28f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "bfb53bb5-bed1-4447-b7a0-d3dd80689582",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "e536e13a-4b8e-407f-8041-190248a7bfdc",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteBillOfMaterial",
+                "parameters": {}
+              },
+              "sourceId": "045f3d67-824c-4a65-9caa-5f6dccb5a7f4",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "a82b260d-b54c-452e-a1f5-0fe5200c9db0",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "5be05a50-4ac1-4397-be7b-1c935d833ed4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getBillOfMaterials",
+                "parameters": {}
+              },
+              "sourceId": "2971657b-d78f-4bbc-a45f-1fd722fac6e5",
+              "target": "page",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "57d8f093-9fc0-4ce6-8509-f4cb3e8b0fb5",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Asset details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "539e7d70-94fe-41e4-8dd0-909b7eb01543",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "5338a5d3-02fd-4a80-9ea8-2b3936ddcde7",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update asset details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "539e7d70-94fe-41e4-8dd0-909b7eb01543",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "972d5de0-d9d6-42a7-b57d-1dc662af8cf7",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Asset added successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "ba4118a2-13d5-4a11-b9fc-442828fb4880",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add asset! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "2983b17a-75d1-4b52-b67a-850ccdbf72fe",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Asset updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "62c50069-e1ea-41a3-a9b0-4636f27c8972",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "539e7d70-94fe-41e4-8dd0-909b7eb01543",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "quickAssetUpdate",
+                "runOnlyIf": "{{Boolean(components.table1.selectedRow.id)}}",
+                "parameters": {}
+              },
+              "sourceId": "174e349a-34be-469d-b830-2cf39b36027b",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.087Z"
+            },
+            {
+              "id": "d6b33044-d0e3-4b67-b4a6-e029eaa9dc0b",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "3c56789a-cf9c-44d3-b4e7-c79ae865b05b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "disableQuickFields",
+                "runOnlyIf": "{{Boolean(components.table1.selectedRow.id)}}",
+                "parameters": {}
+              },
+              "sourceId": "174e349a-34be-469d-b830-2cf39b36027b",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.092Z"
+            },
+            {
+              "id": "44d9645a-5ea8-40cf-9e53-25665efc30a0",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "target": "page",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.097Z"
+            },
+            {
+              "id": "b16e37ce-41f0-4058-bd38-dfc1d201b36c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "7874401b-d9ac-4dd5-8b28-21dd675440d2",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.102Z"
+            },
+            {
+              "id": "19633c91-39fa-4e79-8977-46add0f371b1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "d0a25b69-28c0-491b-9652-0eea22c65c8a",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "4480fb75-e96f-42ad-a4c1-18004ba3fd8b",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.108Z"
+            },
+            {
+              "id": "917c1a26-7364-4165-a750-f70422b02128",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "299be32b-308f-48e3-abca-45327244c2f5",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "68a02c9d-8770-449e-aac7-d03fe807557e",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.113Z"
+            },
+            {
+              "id": "b4fc3f11-ea5a-42f7-86f5-6eef9454d648",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "a4497490-6832-47e8-a4b5-b10b4b3344f0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "928a9ed1-aeaf-40c6-b206-c9f86a1819b6",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.119Z"
+            },
+            {
+              "id": "74c368ae-ab96-4fda-92c6-cf513a332bfe",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "d1780029-3f5e-4c8a-878b-daf8139a7a34",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "57dfd2a3-d6b5-4af3-bd10-198e032afe0d",
+              "target": "component",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.125Z"
+            },
+            {
+              "id": "23e97cd9-4546-414b-93d0-da7d11176dec",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "539e7d70-94fe-41e4-8dd0-909b7eb01543",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.131Z"
+            },
+            {
+              "id": "3aab040e-eb02-4872-83ac-138f3fc6cad1",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "1c4dea21-f1b3-4958-94e5-a6133f828667",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateAssetChart",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.138Z"
+            },
+            {
+              "id": "3103207a-f8de-497e-8344-6e8b316c4277",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "97816e73-28ba-4d19-926e-bedfe8db3cbc",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "calculateMetaData",
+                "parameters": {}
+              },
+              "sourceId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.143Z"
+            },
+            {
+              "id": "75d5fe23-6250-40e6-8b68-37c5033d148f",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.150Z"
+            },
+            {
+              "id": "b718c4e1-35db-40a9-87f8-1f23f625f332",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "e8dd1516-61b3-4d16-b4aa-2d466b32d5ce",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+              "target": "data_query",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:39.155Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "2cfaad1d-2d2f-440d-a371-5daef6af7b63",
+              "name": "handleFileChange",
+              "options": {
+                "code": "let icon = null;\n\nswitch(components.dropdown3.value) {\n  case \"image\":\n  case 'video':\n    components.checkbox1.setChecked(false);\n    components.checkbox2.setChecked(true);\n    icon = \"IconPhotoVideo\";\n    break\n  case 'document':\n    components.checkbox1.setChecked(true);\n    components.checkbox2.setChecked(false);\n    icon = \"IconFile\";\n}\n\nactions.setVariable(\"iconValue\", icon);",
+                "parameters": []
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-23T05:10:05.199Z"
+            },
+            {
+              "id": "2dfa9903-d8a6-43bd-a532-c9497326e249",
+              "name": "handleRowHover",
+              "options": {
+                "code": "const form = components.form1.children;\n\nform.textinput13.setText(parameters.record.asset_name);\nform.numberinput2.setText(parameters.record.asset_size);\nform.textinput11.setText(parameters.record.asset_location);",
+                "parameters": [
+                  {
+                    "name": "record"
+                  }
+                ]
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:35:44.849Z"
+            },
+            {
+              "id": "16a23b75-a325-4da4-b470-56fa1a657203",
+              "name": "populateModalFileds",
+              "options": {
+                "code": "await queries.getAsset.run();\n\nconst {asset_name, asset_type, asset_size, asset_format, asset_location, owner_name, asset_description, file_display, download_url} = queries.getAsset.getData()[0];\n\nconst [nameField, typeField, sizeField, formatField, locationField, ownerField, descriptionField, downloadURLField] = [\n  components.textinput1,\n  components.dropdown3,\n  components.textinput7,\n  components.dropdown4,\n  components.textinput9,\n  components.textinput10,\n  components.textarea1,\n  components.textinput12\n]\n\nnameField.setText(asset_name);\ntypeField.selectOption(asset_type);\nsizeField.setText(asset_size);\nformatField.selectOption(asset_format);\nlocationField.setText(asset_location);\nownerField.setText(owner_name);\ndescriptionField.setText(asset_description);\ndownloadURLField.setText(download_url);",
+                "parameters": []
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-23T05:07:53.133Z"
+            },
+            {
+              "id": "3c56789a-cf9c-44d3-b4e7-c79ae865b05b",
+              "name": "disableQuickFields",
+              "options": {
+                "code": "components.form1.children.textinput13.setDisable(true);\ncomponents.form1.children.numberinput2.setDisable(true);\ncomponents.form1.children.textinput11.setDisable(true);\ncomponents.form1.children.textinput13.clear();\ncomponents.form1.children.numberinput2.clear();\ncomponents.form1.children.textinput11.clear();",
+                "parameters": []
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:50:41.537Z"
+            },
+            {
+              "id": "1c4dea21-f1b3-4958-94e5-a6133f828667",
+              "name": "generateAssetChart",
+              "options": {
+                "code": "const data = queries.getAssets.data;\n\nfunction getCreatedRecordsByMonth(dataset) {\n  const recordsByMonth = {};\n  \n  for (let i = 1; i <= 12; i++) {\n    recordsByMonth[moment().month(i - 1).format('MMM')] = 0;\n  }\n\n  dataset.forEach(record => {\n    const month = moment(record.created_at).format('MMM');\n    recordsByMonth[month] += 1;\n  });\n\n  const result = Object.keys(recordsByMonth).map(month => ({\n    x: month,\n    y: recordsByMonth[month]\n  }));\n\n  return result;\n}\n\nconst graphData = getCreatedRecordsByMonth(data);\nreturn graphData;\n\n",
+                "parameters": [],
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:19:38.400Z"
+            },
+            {
+              "id": "97816e73-28ba-4d19-926e-bedfe8db3cbc",
+              "name": "calculateMetaData",
+              "options": {
+                "code": "const data = queries.getAssets.data;\n\nconst totalAssets = data.length;\n\nconst avgSize = ((data.reduce((acc, b) => acc + b.asset_size, 0) / totalAssets) || 0).toFixed(2);\n\nreturn { totalAssets, avgSize };",
+                "parameters": []
+              },
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:20:11.453Z"
+            },
+            {
+              "id": "2ce0e369-125d-4ac1-b8f6-1ac929473343",
+              "name": "addAsset",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729558757762,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_type",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_format",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_location",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "owner_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_description",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "file_display",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "download_url",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_size",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "asset_name",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c3.value}}"
+                  },
+                  "1": {
+                    "column": "asset_type",
+                    "value": "{{components.ab604c75-7f46-47a2-9b09-c7f39f75f4d9.value}}"
+                  },
+                  "2": {
+                    "column": "asset_format",
+                    "value": "{{components.7b227037-e396-439a-855a-24d04db8890d.value}}"
+                  },
+                  "3": {
+                    "column": "asset_location",
+                    "value": "{{components.3390c5e1-5284-4577-bed3-4da23bd80dc4.value}}"
+                  },
+                  "4": {
+                    "column": "created_at",
+                    "value": "{{moment().format()}}"
+                  },
+                  "5": {
+                    "column": "updated_at",
+                    "value": "{{moment().format()}}"
+                  },
+                  "6": {
+                    "column": "owner_name",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c30.value}}"
+                  },
+                  "7": {
+                    "column": "asset_description",
+                    "value": "{{components.a986e23d-f282-4216-8217-2032a86812c9.value}}"
+                  },
+                  "8": {
+                    "column": "file_display",
+                    "value": "{{variables.iconValue}}"
+                  },
+                  "9": {
+                    "column": "download_url",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c32.value}}"
+                  },
+                  "4f944107-0c97-4bc9-97ec-12357b16da49": {
+                    "column": "asset_size",
+                    "value": "{{components.00eea181-2094-448c-88bc-e379a4aa64bd.value}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-23T05:12:09.965Z"
+            },
+            {
+              "id": "4b96808e-46f3-4dde-80b0-85d1a92a4f9f",
+              "name": "getAsset",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729558745933,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_type",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_format",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_location",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "owner_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_description",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "file_display",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "download_url",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_size",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "limit": "",
+                  "where_filters": {
+                    "953bfe24-16cd-4b41-bc8e-d49e7f603958": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "953bfe24-16cd-4b41-bc8e-d49e7f603958"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:31:37.729Z"
+            },
+            {
+              "id": "539e7d70-94fe-41e4-8dd0-909b7eb01543",
+              "name": "quickAssetUpdate",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729558751279,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_type",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_format",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_location",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "owner_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_description",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "file_display",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "download_url",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_size",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "asset_name",
+                      "value": "{{components.54cc5524-e9e1-4ef5-85a7-42dc60a6e932.children.textinput13.value}}"
+                    },
+                    "1": {
+                      "column": "updated_at",
+                      "value": "{{moment().format()}}"
+                    },
+                    "2": {
+                      "column": "asset_size",
+                      "value": "{{components.54cc5524-e9e1-4ef5-85a7-42dc60a6e932.children.numberinput2.value}}"
+                    },
+                    "02518168-b7e9-45db-9c33-0930e4f8ae74": {
+                      "column": "asset_location",
+                      "value": "{{components.54cc5524-e9e1-4ef5-85a7-42dc60a6e932.children.textinput11.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "5f885cd2-e407-4b63-bd72-d4b84ded258c": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.ea427c2e-b3a5-46db-9169-e0b72c641469.selectedRow.id}}",
+                      "id": "5f885cd2-e407-4b63-bd72-d4b84ded258c"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-22T00:59:12.877Z"
+            },
+            {
+              "id": "780302a3-fc31-4332-a92b-a9bf6ddad31f",
+              "name": "updateAsset",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729558741559,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_type",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_format",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_location",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "owner_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_description",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "file_display",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "download_url",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_size",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "asset_name",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c3.value}}"
+                  },
+                  "1": {
+                    "column": "asset_type",
+                    "value": "{{components.ab604c75-7f46-47a2-9b09-c7f39f75f4d9.value}}"
+                  },
+                  "2": {
+                    "column": "asset_format",
+                    "value": "{{components.7b227037-e396-439a-855a-24d04db8890d.value}}"
+                  },
+                  "3": {
+                    "column": "asset_location",
+                    "value": "{{components.3390c5e1-5284-4577-bed3-4da23bd80dc4.value}}"
+                  },
+                  "4": {
+                    "column": "created_at",
+                    "value": "{{moment().format()}}"
+                  },
+                  "5": {
+                    "column": "updated_at",
+                    "value": "{{moment().format()}}"
+                  },
+                  "6": {
+                    "column": "owner_name",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c30.value}}"
+                  },
+                  "7": {
+                    "column": "asset_description",
+                    "value": "{{components.a986e23d-f282-4216-8217-2032a86812c9.value}}"
+                  },
+                  "8": {
+                    "column": "file_display",
+                    "value": "{{globals.iconValue}}"
+                  },
+                  "9": {
+                    "column": "download_url",
+                    "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c32.value}}"
+                  },
+                  "4f944107-0c97-4bc9-97ec-12357b16da49": {
+                    "column": "asset_size",
+                    "value": "{{components.00eea181-2094-448c-88bc-e379a4aa64bd.value}}"
+                  }
+                },
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "asset_name",
+                      "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c3.value}}"
+                    },
+                    "1": {
+                      "column": "asset_type",
+                      "value": "{{components.ab604c75-7f46-47a2-9b09-c7f39f75f4d9.value}}"
+                    },
+                    "2": {
+                      "column": "asset_format",
+                      "value": "{{components.7b227037-e396-439a-855a-24d04db8890d.value}}"
+                    },
+                    "3": {
+                      "column": "asset_location",
+                      "value": "{{components.3390c5e1-5284-4577-bed3-4da23bd80dc4.value}}"
+                    },
+                    "4": {
+                      "column": "owner_name",
+                      "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c30.value}}"
+                    },
+                    "5": {
+                      "column": "updated_at",
+                      "value": "{{moment().format()}}"
+                    },
+                    "6": {
+                      "column": "asset_description",
+                      "value": "{{components.a986e23d-f282-4216-8217-2032a86812c9.value}}"
+                    },
+                    "7": {
+                      "column": "file_display",
+                      "value": "{{variables.iconValue}}"
+                    },
+                    "8": {
+                      "column": "download_url",
+                      "value": "{{components.a718f68d-af30-4adc-8be7-fc747fdd54c32.value}}"
+                    },
+                    "6b609368-8dec-456c-950d-23b7c3691f7c": {
+                      "column": "asset_size",
+                      "value": "{{components.00eea181-2094-448c-88bc-e379a4aa64bd.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "0f8fc826-091e-4a2e-ac21-1877be373d9a": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.ea427c2e-b3a5-46db-9169-e0b72c641469.selectedRow.id}}",
+                      "id": "0f8fc826-091e-4a2e-ac21-1877be373d9a"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-10-23T05:13:19.812Z"
+            },
+            {
+              "id": "ee25ba9a-214a-4887-a081-6cefc15cf43e",
+              "name": "getAssets",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729558721606,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "918f612d-a326-4d9d-9113-2314dbddbdd2",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_type",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_format",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_location",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "owner_name",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_description",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "file_display",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "download_url",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    },
+                    {
+                      "name": "asset_size",
+                      "table": "918f612d-a326-4d9d-9113-2314dbddbdd2"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "order_filters": {},
+                  "where_filters": {}
+                },
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "createdAt": "2024-10-22T00:19:38.400Z",
+              "updatedAt": "2024-12-07T01:32:42.266Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "a5063c51-555b-4884-9b5a-571d68543e12",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T00:19:38.405Z",
+              "updatedAt": "2024-10-22T00:19:38.405Z"
+            },
+            {
+              "id": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T00:19:38.412Z",
+              "updatedAt": "2024-10-22T00:19:38.412Z"
+            },
+            {
+              "id": "40f5809b-3c9f-4599-bebe-b6a71b62f302",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T00:19:38.419Z",
+              "updatedAt": "2024-10-22T00:19:38.419Z"
+            },
+            {
+              "id": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T00:19:38.427Z",
+              "updatedAt": "2024-10-22T00:19:38.427Z"
+            },
+            {
+              "id": "abce96ec-39c7-4743-a4fe-b0ec37fe7850",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T00:19:38.434Z",
+              "updatedAt": "2024-10-22T00:19:38.434Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "a4b29f1a-6a76-4a50-88e1-906647f3e4b6",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": ""
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "299be32b-308f-48e3-abca-45327244c2f5",
+              "appId": "6a2f51bb-5346-4382-8cd5-2de7b6dc0b83",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-22T00:19:38.395Z",
+              "updatedAt": "2024-10-23T05:37:10.789Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "4d9579f8-0f85-456b-8076-f1155809a5be",
+              "dataSourceId": "a5063c51-555b-4884-9b5a-571d68543e12",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.410Z",
+              "updatedAt": "2024-10-22T00:19:38.410Z"
+            },
+            {
+              "id": "88329b1c-1bb8-4bbf-928c-421b0f287f92",
+              "dataSourceId": "a5063c51-555b-4884-9b5a-571d68543e12",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.410Z",
+              "updatedAt": "2024-10-22T00:19:38.410Z"
+            },
+            {
+              "id": "cf04acfa-ba8a-4281-903f-287737c2ad3d",
+              "dataSourceId": "a5063c51-555b-4884-9b5a-571d68543e12",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.410Z",
+              "updatedAt": "2024-10-22T00:19:38.410Z"
+            },
+            {
+              "id": "ee6a7d7b-329f-4b07-83b7-6630609e1add",
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.418Z",
+              "updatedAt": "2024-10-22T00:19:38.418Z"
+            },
+            {
+              "id": "f665b70f-07c7-4693-aefc-361ac371bde1",
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.418Z",
+              "updatedAt": "2024-10-22T00:19:38.418Z"
+            },
+            {
+              "id": "d5a82e87-546b-41ef-b907-87d991eb0e9a",
+              "dataSourceId": "37450e44-e70e-49c8-99aa-efad72626c6b",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.418Z",
+              "updatedAt": "2024-10-22T00:19:38.418Z"
+            },
+            {
+              "id": "093d1cda-45dc-4459-8fa5-ca5f0317b5fd",
+              "dataSourceId": "40f5809b-3c9f-4599-bebe-b6a71b62f302",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.425Z",
+              "updatedAt": "2024-10-22T00:19:38.425Z"
+            },
+            {
+              "id": "2417ba48-a848-417d-89c3-4611433a92f3",
+              "dataSourceId": "40f5809b-3c9f-4599-bebe-b6a71b62f302",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.425Z",
+              "updatedAt": "2024-10-22T00:19:38.425Z"
+            },
+            {
+              "id": "03b41c9b-c166-4086-80d7-d5b92af6a12f",
+              "dataSourceId": "40f5809b-3c9f-4599-bebe-b6a71b62f302",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.425Z",
+              "updatedAt": "2024-10-22T00:19:38.425Z"
+            },
+            {
+              "id": "0f14ae0a-73f4-46b0-9642-3d79ccd5744c",
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.432Z",
+              "updatedAt": "2024-10-22T00:19:38.432Z"
+            },
+            {
+              "id": "594b3dd1-90b6-4d35-bde8-f44a9853913a",
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.432Z",
+              "updatedAt": "2024-10-22T00:19:38.432Z"
+            },
+            {
+              "id": "6917a621-d845-4969-b1b3-d6a0a78f4b00",
+              "dataSourceId": "4d9396f2-85ea-49c6-a7ef-c184df28c2c8",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.432Z",
+              "updatedAt": "2024-10-22T00:19:38.432Z"
+            },
+            {
+              "id": "138222a5-686a-4353-930f-2b88f12d378a",
+              "dataSourceId": "abce96ec-39c7-4743-a4fe-b0ec37fe7850",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.442Z",
+              "updatedAt": "2024-10-22T00:19:38.442Z"
+            },
+            {
+              "id": "78fe2ed5-8a73-4062-bbc2-e1a27d04bc9b",
+              "dataSourceId": "abce96ec-39c7-4743-a4fe-b0ec37fe7850",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.442Z",
+              "updatedAt": "2024-10-22T00:19:38.442Z"
+            },
+            {
+              "id": "1f1491f3-5d6a-4062-a018-ad1194971566",
+              "dataSourceId": "abce96ec-39c7-4743-a4fe-b0ec37fe7850",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T00:19:38.442Z",
+              "updatedAt": "2024-10-22T00:19:38.442Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/digital-asset-management/manifest.json b/server/templates/digital-asset-management/manifest.json
new file mode 100644
index 0000000000..ac34d5b56a
--- /dev/null
+++ b/server/templates/digital-asset-management/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Digital asset management",
+  "description": "Efficiently organize, store, and retrieve your digital assets with robust search, tagging, and version control capabilities with TJDB as the database.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "digital-asset-management",
+  "category": "product-management"
+}
\ No newline at end of file
diff --git a/server/templates/documentation-checklist/definition.json b/server/templates/documentation-checklist/definition.json
new file mode 100644
index 0000000000..2f5a3116c7
--- /dev/null
+++ b/server/templates/documentation-checklist/definition.json
@@ -0,0 +1,8354 @@
+{
+  "tooljet_database": [
+    {
+      "id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+      "table_name": "doc_checklist",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"16804940-39ae-4c1f-ab2a-7bf799af1fea_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "category",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "subcategory",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "doc",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "status",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "78e004ac-f8f1-43fc-984e-5dbdf649b6bd",
+          "name": "Documentation checklist",
+          "slug": "78e004ac-f8f1-43fc-984e-5dbdf649b6bd",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "layers",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-05-31T06:43:50.682Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-05-31T06:43:52.327Z",
+          "editingVersion": {
+            "id": "24391218-4ed4-457f-b97f-67520427c65f",
+            "name": "v4",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+            "appId": "78e004ac-f8f1-43fc-984e-5dbdf649b6bd",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-05-31T06:43:50.699Z",
+            "updatedAt": "2024-05-31T07:50:03.325Z"
+          },
+          "components": [
+            {
+              "id": "0fc93d5e-ac61-42a9-9e22-d633e7bfbbbf",
+              "name": "text51",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "{{listItem.subtitle}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "e51b78e9-42ac-4898-987a-b1c3eca2abe2",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0fc93d5e-ac61-42a9-9e22-d633e7bfbbbf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "88dca827-ec82-428b-a1d4-e660faf7743d",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 3,
+                  "width": 29.000000000000004,
+                  "height": 50,
+                  "componentId": "0fc93d5e-ac61-42a9-9e22-d633e7bfbbbf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "6a61c1e0-4b6b-4ad8-b92c-f93542e21359",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "cd368b9c-7e79-4505-9b13-4287a85937db",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "6a61c1e0-4b6b-4ad8-b92c-f93542e21359",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9863c8f3-da43-455f-8f9f-f8d52a7b0fdd",
+              "name": "text45",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "6a61c1e0-4b6b-4ad8-b92c-f93542e21359",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "4e820dd1-387c-4537-bd99-4c4b96a5596b",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "9863c8f3-da43-455f-8f9f-f8d52a7b0fdd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "25e6b413-8214-4e56-98b0-0eae9f31dd73",
+              "name": "text44",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "6a61c1e0-4b6b-4ad8-b92c-f93542e21359",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Document checklist</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "ef22c564-0feb-4cd8-af8e-cee49e3f0051",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "25e6b413-8214-4e56-98b0-0eae9f31dd73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "e39d438c-ac4d-489c-871b-568284181777",
+              "name": "container4",
+              "type": "Container",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "00dafdd4-ae26-4c31-85a5-452281bb074a",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "e39d438c-ac4d-489c-871b-568284181777",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f3ea309d-2eb1-445a-bf77-7cc76698e9cc",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 480,
+                  "componentId": "e39d438c-ac4d-489c-871b-568284181777",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "b9eed7f5-7bba-47b5-b25e-142f25e4def6",
+              "name": "textinput18",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "label": {
+                  "value": "Property Appraisal Report"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "b3be4d74-4f29-4952-a96f-c7b38a74580a",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b9eed7f5-7bba-47b5-b25e-142f25e4def6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "0724984b-6441-4550-8864-385cfb4e99ee",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "b9eed7f5-7bba-47b5-b25e-142f25e4def6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "bbff23f0-08b7-4aa7-9c53-a95889926a64",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e4454081-9955-4c24-adef-681b70588dfd",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "%"
+                },
+                "values": {
+                  "value": "{{[\"%\", \"Pending\", \"Under Review\", \"Approved\", \"Rejected\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"All\",\"Pending\", \"Under Review\", \"Approved\", \"Rejected\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:44:36.691Z",
+              "layouts": [
+                {
+                  "id": "21ade181-5a14-453a-ab99-d915327a1394",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "bbff23f0-08b7-4aa7-9c53-a95889926a64",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "8745f339-decc-4f61-a369-80ae40e34370",
+                  "type": "mobile",
+                  "top": 440,
+                  "left": 2,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "bbff23f0-08b7-4aa7-9c53-a95889926a64",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+              "name": "tabs1",
+              "type": "Tabs",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": null,
+              "properties": {
+                "tabs": {
+                  "value": "{{[ \n\t\t{ title: 'Income verification Documents', id: '0' }, \n\t\t{ title: 'Identity verification Documents', id: '1' }, \n\t\t{ title: 'Property Documents', id: '2' } ,\n    \t\t{ title: 'Business Financial Documents', id: '3' } ,\n        { title: 'Additional Documents', id: '4' } \n ]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "highlightColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "038ee168-7b2c-4283-962b-10b0a0c3b212",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 13,
+                  "width": 29,
+                  "height": 580,
+                  "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "752cdafd-6f72-428c-8803-a29dee979387",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 13,
+                  "width": 69.76744186046511,
+                  "height": 300,
+                  "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "0e588f0d-0189-45db-a64a-1f0d2de6126c",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Uploaded documents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "18"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "6ccc5ae1-7b29-446f-a578-8d38c49bfe1e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 35.99999999999999,
+                  "height": 40,
+                  "componentId": "0e588f0d-0189-45db-a64a-1f0d2de6126c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "05cb88cb-5d25-4ef5-ba70-5674c4a691e1",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0e588f0d-0189-45db-a64a-1f0d2de6126c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "5c18b575-b3ca-4e3c-8da8-842caae318b0",
+              "name": "textinput20",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "label": {
+                  "value": "Collateral Information (if applicable)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "9f4fad5c-d11b-4f00-a442-2ef7305616b1",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "5c18b575-b3ca-4e3c-8da8-842caae318b0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "43991635-ee44-4797-a981-88e13fde18e9",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "5c18b575-b3ca-4e3c-8da8-842caae318b0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "value": "{{queries.addIdentityVerificationUtilityBill.isLoading || queries.addIdentityVerificationSSN.isLoading || queries.addIdentityVerificationGovPhoto.isLoading || queries.addIdentityVerificationGovBirthCerti.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "8a94fcee-55d3-4693-aace-76f5f50e3ca7",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "418210fc-72d8-4ec6-8d67-fdf66ecc538c",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 34,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "50e5d632-906b-439e-bd33-67948e3e2425",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "value": "{{queries.addPropertyDocPurchaseAgreement.isLoading || queries.addPropertyDocPropertyOwnerInsurance.isLoading || queries.addPropertyDocPropertyDeed.isLoading || queries.addPropertyDocPropertyAppraisal.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "84413028-d8b1-4255-b7d8-4a627f045d8d",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "50e5d632-906b-439e-bd33-67948e3e2425",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "6685676a-730e-4cec-ae14-8c6424d3ded4",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 34,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "50e5d632-906b-439e-bd33-67948e3e2425",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit {{components.table1.selectedRow.category}}"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "300px"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "e904bc82-0b9c-441c-a122-2684a3df156d",
+                  "type": "desktop",
+                  "top": 1300,
+                  "left": 1,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "fd39a81f-2ad0-457b-bf1a-106eb6dfdc13",
+                  "type": "mobile",
+                  "top": 900,
+                  "left": 30,
+                  "width": 23.25581395348837,
+                  "height": 34,
+                  "componentId": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addIncomeVerificationEmploymentVerification.isLoading || queries.addIncomeVerificationTaxReturns.isLoading || queries.addIncomeVerificationRecentPay.isLoading || queries.addIncomeVerificationBankStatement.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e8941473-db19-4d4b-812e-9c00512aea34",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 34,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f52f9efb-0058-4783-8d21-c95759fc1b82",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "d01bda0e-ab8f-41b6-a2fe-01b3fcc3084c",
+              "name": "text58",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "properties": {
+                "text": {
+                  "value": "Status"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "a40f22bd-9591-4bf5-a1c8-a0c4162cf16a",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 3,
+                  "width": 30,
+                  "height": 40,
+                  "componentId": "d01bda0e-ab8f-41b6-a2fe-01b3fcc3084c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "d8f0a44d-6575-4e6f-b45b-10b8c20e044e",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d01bda0e-ab8f-41b6-a2fe-01b3fcc3084c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "216051a2-137c-4b78-8df6-48135b46723b",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.status}}"
+                },
+                "values": {
+                  "value": "{{[\"Pending\", \"Under Review\", \"Approved\", \"Rejected\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Pending\", \"Under Review\", \"Approved\", \"Rejected\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select status"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:45:23.257Z",
+              "layouts": [
+                {
+                  "id": "2d58d0a2-2685-4178-9d81-b28ab4e3bfc5",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 3,
+                  "width": 37,
+                  "height": 40,
+                  "componentId": "216051a2-137c-4b78-8df6-48135b46723b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "c52f3448-9aaa-43c2-a9e5-92cab7146ef8",
+                  "type": "mobile",
+                  "top": 230,
+                  "left": 5,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "216051a2-137c-4b78-8df6-48135b46723b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "75d8dc58-1bb5-4c3a-97e4-2160b60afe72",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "label": {
+                  "value": "Recent Pay Stubs (last 3 months)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                },
+                "minLength": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "5c5fcdcb-4a99-4ccc-84cd-4a777cb5a599",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "75d8dc58-1bb5-4c3a-97e4-2160b60afe72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "105fd2a4-1e78-45ce-9f25-36e3bf6210d8",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "75d8dc58-1bb5-4c3a-97e4-2160b60afe72",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "a8a769b5-3847-4c13-9331-9c4eba8311c9",
+              "name": "text57",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "properties": {
+                "text": {
+                  "value": "{{components.table1.selectedRow.subcategory}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "39577c9e-86ca-4b61-b9aa-cb3c2c6469ee",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 30,
+                  "height": 40,
+                  "componentId": "a8a769b5-3847-4c13-9331-9c4eba8311c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "c77357a4-e53d-4c9a-9071-c522dfc59a3a",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a8a769b5-3847-4c13-9331-9c4eba8311c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "1e0cfc8c-14e6-4484-9c68-3acbfd520473",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "label": {
+                  "value": "Bank Statements (last 3 months)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "682f918b-91c0-48f7-971c-9d5f30c110bf",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "1e0cfc8c-14e6-4484-9c68-3acbfd520473",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "5dd9f190-3d32-4853-ac00-b64578c253d0",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "1e0cfc8c-14e6-4484-9c68-3acbfd520473",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "a1021190-e24b-48f8-a1dd-9392f87620b1",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e4454081-9955-4c24-adef-681b70588dfd",
+              "properties": {
+                "loadingState": {
+                  "value": "{{queries.getDocData.isLoading}}",
+                  "fxActive": true
+                },
+                "data": {
+                  "value": "{{queries.getDocData.data}}"
+                },
+                "displaySearchBox": {
+                  "fxActive": false,
+                  "value": "{{true}}"
+                },
+                "showFilterButton": {
+                  "value": "{{true}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "category",
+                      "key": "category",
+                      "id": "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2",
+                      "objectFit": "contain",
+                      "borderRadius": "100",
+                      "columnSize": 70,
+                      "isEditable": "{{false}}",
+                      "columnType": "string"
+                    },
+                    {
+                      "id": "e6ce6c73-9ba1-4a1e-96c9-facb79adf8ed",
+                      "name": "subcategory",
+                      "key": "subcategory",
+                      "columnType": "string"
+                    },
+                    {
+                      "name": "status",
+                      "id": "9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56",
+                      "columnSize": 140,
+                      "key": "status",
+                      "columnType": "string"
+                    },
+                    {
+                      "name": "doc",
+                      "id": "27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc",
+                      "columnType": "link",
+                      "isTimeChecked": false,
+                      "dateFormat": "DD/MM/YYYY",
+                      "parseDateFormat": "DD/MM/YYYY",
+                      "isDateSelectionEnabled": true,
+                      "isEditable": "{{false}}",
+                      "key": "doc"
+                    }
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2": 159,
+                    "e6ce6c73-9ba1-4a1e-96c9-facb79adf8ed": 229,
+                    "27b75c8af9d34d1eaa1f9bb7f8f9f7b0abf1823e799748c8bb57e74f53b2c1dc": 249,
+                    "9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56": 158
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "interest",
+                    "email",
+                    "id"
+                  ]
+                },
+                "enablePagination": {
+                  "value": "{{true}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "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}}"
+                },
+                "serverSideSort": {
+                  "value": "{{false}}"
+                },
+                "serverSideFilter": {
+                  "value": "{{false}}"
+                },
+                "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": {
+                "borderColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "borderRadius": {
+                  "value": "8"
+                },
+                "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-05-31T06:43:50.706Z",
+              "updatedAt": "2024-12-03T01:30:50.509Z",
+              "layouts": [
+                {
+                  "id": "db54cebc-67e4-4527-8448-edf916890a6a",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 550,
+                  "componentId": "a1021190-e24b-48f8-a1dd-9392f87620b1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "077ee4db-f977-4518-ba86-617a946cd74e",
+                  "type": "mobile",
+                  "top": 340,
+                  "left": 2,
+                  "width": 81.3953488372093,
+                  "height": 456,
+                  "componentId": "a1021190-e24b-48f8-a1dd-9392f87620b1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "df610bbd-b106-4e04-b122-dbce502790fe",
+              "name": "textinput3",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "label": {
+                  "value": "Tax Returns (last 2 years)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "b402e813-5ad1-470d-bfe8-adc8453db356",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "df610bbd-b106-4e04-b122-dbce502790fe",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "2e137b2c-e451-4c73-82ba-32b90927d979",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "df610bbd-b106-4e04-b122-dbce502790fe",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "e4454081-9955-4c24-adef-681b70588dfd",
+              "name": "container5",
+              "type": "Container",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "1fe5cf8b-2b91-4b1d-8afc-eecf5e6ecf4a",
+                  "type": "desktop",
+                  "top": 610,
+                  "left": 1,
+                  "width": 41,
+                  "height": 660,
+                  "componentId": "e4454081-9955-4c24-adef-681b70588dfd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "6c6e7302-c727-4399-bc17-abe7e3390dff",
+                  "type": "mobile",
+                  "top": 530,
+                  "left": 4,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "e4454081-9955-4c24-adef-681b70588dfd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "0bb893ad-8665-407f-bc58-45e14d1e4217",
+              "name": "textinput4",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "label": {
+                  "value": "Employment Verification Letter"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "ed99d4dc-fede-4753-9668-75f445f1cad8",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "0bb893ad-8665-407f-bc58-45e14d1e4217",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "bc4f6590-7a0b-4b28-9608-89f3a3690643",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "0bb893ad-8665-407f-bc58-45e14d1e4217",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "dfede74d-1d89-4d31-ab74-e2f38d919cd2",
+              "name": "button20",
+              "type": "Button",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e39d438c-ac4d-489c-871b-568284181777",
+              "properties": {
+                "text": {
+                  "value": "Upload documents"
+                },
+                "visibility": {
+                  "value": "{{queries.getDueDocDetails.data.length!==0}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "7fbfbdec-5dd7-4ac4-b3c0-5f39c3e38d1f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "dfede74d-1d89-4d31-ab74-e2f38d919cd2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "9122f452-204c-4efa-bd59-8eabdadf57a7",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 38,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "dfede74d-1d89-4d31-ab74-e2f38d919cd2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "f7ae5cb8-68a8-4904-b360-b49df829b1c7",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-0",
+              "properties": {
+                "text": {
+                  "value": "Skip >"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d2f6825e-fcbc-4f20-9b67-fc453ec3689d",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f7ae5cb8-68a8-4904-b360-b49df829b1c7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "000994f1-93f3-4a2a-9371-8c5f5e61817f",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 26,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "f7ae5cb8-68a8-4904-b360-b49df829b1c7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "beab138e-74d5-4f1a-912b-1a774a8bc918",
+              "name": "textinput5",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "label": {
+                  "value": "Government-issued Photo ID (e.g., Driver's License, Passport)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "420277a3-5bd7-477c-9243-dfd8cd84586a",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "beab138e-74d5-4f1a-912b-1a774a8bc918",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "3bc89fc1-7897-497a-b591-80ea92b4efba",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "beab138e-74d5-4f1a-912b-1a774a8bc918",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "41b047f1-c223-44a3-b8c8-0b6a1de4e242",
+              "name": "text55",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "{{listItem.title}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "5721b099-78e2-4e55-9999-c787e071be88",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "41b047f1-c223-44a3-b8c8-0b6a1de4e242",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "ff57929c-0a9d-4521-a86e-2ea26db3f764",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 29.000000000000004,
+                  "height": 30,
+                  "componentId": "41b047f1-c223-44a3-b8c8-0b6a1de4e242",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "d0e8b886-cdcf-4c1a-b2c1-453114fcc6c1",
+              "name": "textinput6",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "label": {
+                  "value": "Social Security Number (SSN) Card"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "dde44700-f5a0-4a6c-856b-c4a60bdef253",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "d0e8b886-cdcf-4c1a-b2c1-453114fcc6c1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "235ffeba-fe7a-4463-8019-7695d6d3b40e",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "d0e8b886-cdcf-4c1a-b2c1-453114fcc6c1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9c5708df-8b91-480f-aefe-dcaa94c9d9f0",
+              "name": "text50",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "{{listItem.date}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "6b16c99b-66b5-47d4-a31a-8cc7902af309",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 33,
+                  "width": 8,
+                  "height": 60,
+                  "componentId": "9c5708df-8b91-480f-aefe-dcaa94c9d9f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f236f571-daba-4865-baa1-ab90319296d3",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 32,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "9c5708df-8b91-480f-aefe-dcaa94c9d9f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "f152b954-e9a8-423a-9363-2f318d52f337",
+              "name": "text49",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e39d438c-ac4d-489c-871b-568284181777",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "{{`Hi <strong>${\n  globals.currentUser.firstName\n    ? globals.currentUser.firstName.charAt(0).toUpperCase() +\n      globals.currentUser.firstName.slice(1) +\n      (globals.currentUser.lastName ? \" \" + globals.currentUser.lastName : \"\")\n    : \"User\"\n}</strong>${\n  (queries?.getDueDocDetails?.data?.length ?? 0) !== 0\n    ? \", you have \" + queries.getDueDocDetails.data.length + \" pending tasks!\"\n    : \"\"\n}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "b4e1adc8-df84-453c-89e6-c637a10fe818",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 27,
+                  "height": 40,
+                  "componentId": "f152b954-e9a8-423a-9363-2f318d52f337",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "0a26349a-cbfb-4472-9195-e973b8da91f9",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f152b954-e9a8-423a-9363-2f318d52f337",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "5693a847-714d-4953-9bd2-e5d5a14934ae",
+              "name": "text56",
+              "type": "Text",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e4454081-9955-4c24-adef-681b70588dfd",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "Status of your submitted documents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "2e1b06c1-4492-4263-ad80-13beff05dc25",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 17.999999999999996,
+                  "height": 40,
+                  "componentId": "5693a847-714d-4953-9bd2-e5d5a14934ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "e4cc89c3-a39f-4647-841d-6f8d61f6dd7d",
+                  "type": "mobile",
+                  "top": 340,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5693a847-714d-4953-9bd2-e5d5a14934ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "a5726840-66cc-44a2-8eae-b76fd9ef97d9",
+              "name": "button19",
+              "type": "Button",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "properties": {
+                "text": {
+                  "value": "Save changes"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.updateDocData.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "680e35e4-cb90-4259-90a0-b461beedb8bd",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 3,
+                  "width": 37,
+                  "height": 40,
+                  "componentId": "a5726840-66cc-44a2-8eae-b76fd9ef97d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f58d49b7-7bbb-4d5e-a273-330114b4b04b",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 4,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "a5726840-66cc-44a2-8eae-b76fd9ef97d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "91d8fa8c-a135-434b-8efe-059b20cd5f4a",
+              "name": "textinput22",
+              "type": "TextInput",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.doc}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "81091aa1-46e8-418f-a194-351a288ca6bd",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 3,
+                  "width": 37,
+                  "height": 40,
+                  "componentId": "91d8fa8c-a135-434b-8efe-059b20cd5f4a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "13d9d4b7-18b9-4b6b-9fd4-c0691a03b418",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 12,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "91d8fa8c-a135-434b-8efe-059b20cd5f4a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "c6ff6300-163e-4d34-90d1-7577d81006af",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+              "properties": {
+                "icon": {
+                  "value": "IconClock"
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": "Pending!"
+                }
+              },
+              "styles": {
+                "iconColor": {
+                  "value": "#f5a623ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "4ca5f5da-1b63-4ba6-9cf3-353f99a89c3a",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 35,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "c6ff6300-163e-4d34-90d1-7577d81006af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "ebce2284-763c-435d-8f58-f1cd0b4e334c",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 0,
+                  "width": 3,
+                  "height": 40,
+                  "componentId": "c6ff6300-163e-4d34-90d1-7577d81006af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+              "name": "listview2",
+              "type": "Listview",
+              "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "parent": "e39d438c-ac4d-489c-871b-568284181777",
+              "properties": {
+                "data": {
+                  "value": "{{queries.getDueDocDetails.data}}"
+                },
+                "rowHeight": {
+                  "value": "100"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{queries.getDueDocDetails.data.length!==0}}",
+                  "fxActive": true
+                },
+                "borderRadius": {
+                  "value": "{{10}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "e20fd199-395d-4530-918e-bec570f57d4c",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 6,
+                  "width": 46.51162790697674,
+                  "height": 300,
+                  "componentId": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "0f593904-784f-42ea-b7f5-8ef476ebe169",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 370,
+                  "componentId": "2670cd44-94ba-42a5-98a6-9211d5d46f30",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "a7430133-c9be-4e52-b8d1-0a862e206438",
+              "name": "textinput7",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "label": {
+                  "value": "Utility Bill or Proof of Address"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "1c136b6d-8915-4b09-8036-ba27a5f1b587",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "a7430133-c9be-4e52-b8d1-0a862e206438",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "db9eb6ed-90e3-4abc-a24f-183495b43f18",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "a7430133-c9be-4e52-b8d1-0a862e206438",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "cb6b5339-756d-4e5c-b62c-31393f9aadcd",
+              "name": "textinput8",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "label": {
+                  "value": "Birth Certificate"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "bf96f591-9103-4238-a0e3-3fab9d3c0722",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "cb6b5339-756d-4e5c-b62c-31393f9aadcd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "167d4f07-0055-4220-a499-7eb75b145326",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "cb6b5339-756d-4e5c-b62c-31393f9aadcd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "7e7d723e-5443-4032-943c-17244abd0992",
+              "name": "textinput9",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "label": {
+                  "value": "Property Deed"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "41805180-9293-4280-b08a-60ffa31d4cb3",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "7e7d723e-5443-4032-943c-17244abd0992",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "fd841bcb-1c85-42b5-94eb-c297e4103af3",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "7e7d723e-5443-4032-943c-17244abd0992",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "52976b18-afd0-40a7-bafe-f0cc6fcfe755",
+              "name": "textinput10",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "label": {
+                  "value": "Business Tax Returns (last 2 years)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "57eaa1a8-10bf-41a4-bd3d-95e6f67ca3ba",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "52976b18-afd0-40a7-bafe-f0cc6fcfe755",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "5906b71f-ae7f-4293-bb8a-cd3b16176a99",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "52976b18-afd0-40a7-bafe-f0cc6fcfe755",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "97695752-4cb3-482c-b1ba-e8f148832465",
+              "name": "textinput11",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "label": {
+                  "value": "Credit Report"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "e7a32034-e160-40c7-894d-36d2ffbde24e",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "97695752-4cb3-482c-b1ba-e8f148832465",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f93e9ccd-f6f3-4374-9788-1773542d1442",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "97695752-4cb3-482c-b1ba-e8f148832465",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9a70af31-4e15-462f-bf4e-a2601d400e5a",
+              "name": "textinput12",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "label": {
+                  "value": " Purchase Agreement"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "fceb9911-1a9f-427a-b771-10a69b220f53",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "9a70af31-4e15-462f-bf4e-a2601d400e5a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "bbb499eb-8d67-414d-96de-dfd369664634",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "9a70af31-4e15-462f-bf4e-a2601d400e5a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "e5aab074-09bd-46e7-abbf-9c39cbe6bbc5",
+              "name": "textinput13",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "label": {
+                  "value": "Profit and Loss Statement"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "8f86613e-875d-4cd9-b9b6-512c549133ec",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "e5aab074-09bd-46e7-abbf-9c39cbe6bbc5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "11188e48-9ec0-450c-8fd5-888a0706cdbe",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "e5aab074-09bd-46e7-abbf-9c39cbe6bbc5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "b8820ce1-5710-47ad-8102-a8cf2a2aa395",
+              "name": "textinput14",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "label": {
+                  "value": "Debt Obligations (e.g., car loans, student loans)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "084f75df-b91d-4e0d-8d1f-2d0feb02ccc8",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b8820ce1-5710-47ad-8102-a8cf2a2aa395",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "1f7211c3-aba8-476c-b75a-144b64af406d",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "b8820ce1-5710-47ad-8102-a8cf2a2aa395",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "f5c6b217-3876-41c7-b1cc-fd8327102157",
+              "name": "textinput15",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "label": {
+                  "value": "Homeowners Insurance Policy"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "7bdf9b72-8cf8-4151-a723-c081af5383d5",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "f5c6b217-3876-41c7-b1cc-fd8327102157",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "51ce2deb-aaad-4223-82e1-350e7797f4da",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "f5c6b217-3876-41c7-b1cc-fd8327102157",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "f2fa8d70-0f59-4acd-99a3-ec8cb0c1abf7",
+              "name": "textinput16",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "label": {
+                  "value": "Business Bank Statements (last 3 months)"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "c0a8cc10-9b18-4495-9ad7-9ad962969252",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "f2fa8d70-0f59-4acd-99a3-ec8cb0c1abf7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "26402bdc-171e-4c6f-b8a5-5b82ca0529dc",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "f2fa8d70-0f59-4acd-99a3-ec8cb0c1abf7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "e77f9cf6-7b4e-435a-b344-1c37b7c22385",
+              "name": "textinput17",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "label": {
+                  "value": "Personal Reference Letter"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "beb6c949-456c-4a90-a6f1-2bf96363f681",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "e77f9cf6-7b4e-435a-b344-1c37b7c22385",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "d9185e72-18f2-450f-a5fb-0bebbd621484",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "e77f9cf6-7b4e-435a-b344-1c37b7c22385",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "d6e24b88-a44c-42d6-a50e-55dd493fc0bc",
+              "name": "textinput19",
+              "type": "TextInput",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "label": {
+                  "value": "Business Plan"
+                },
+                "placeholder": {
+                  "value": "Enter public sharable link"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "regex": {
+                  "value": "^(ftp|http|https):\\/\\/[^ \"]+$"
+                }
+              },
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "9355205b-8744-443c-9bb5-effd364f0341",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "d6e24b88-a44c-42d6-a50e-55dd493fc0bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "1a9227b9-2d48-4eec-8a00-6d2ec62fb259",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 2,
+                  "width": 39,
+                  "height": 40,
+                  "componentId": "d6e24b88-a44c-42d6-a50e-55dd493fc0bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+              "name": "button9",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "value": "{{queries.addBusinessDocsTaxReturns.isLoading || queries.addBusinessDocsTaxBusinessPlan.isLoading || queries.addBusinessDocsTaxBankStatement.isLoading || queries.addBusinessDocsProfitLossStatement.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2ce5864b-8edf-4c62-9ccc-2d596e51e1f7",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "85177317-5315-4334-94db-387e93e0b5f8",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 34,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9be711dd-0c72-4283-888f-458703ad1364",
+              "name": "button10",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addAdditionalDocCollateralInfo.isLoading || queries.addAdditionalDocCreditReport.isLoading || queries.addAdditionalDocDebtObligation.isLoading || queries.addAdditionalDocReffLetter.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d98a84f7-8e30-457f-994b-23e632b26861",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "9be711dd-0c72-4283-888f-458703ad1364",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "e1d58238-0de2-441d-8525-40ff15c0343b",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 34,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "9be711dd-0c72-4283-888f-458703ad1364",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "7c1714bb-e70c-4685-9c9a-fd3b7fd4e579",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "42aa3df1-6248-4366-b44a-38c81826f8ea",
+              "properties": {
+                "icon": {
+                  "value": "IconChevronLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "a7806d01-0f7e-415f-a190-6fba1c18883a",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "7c1714bb-e70c-4685-9c9a-fd3b7fd4e579",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "984c2da3-8e26-44c6-a147-f97eef963d1b",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "7c1714bb-e70c-4685-9c9a-fd3b7fd4e579",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "045cdd4f-e361-4ea5-8301-14ec1bde2667",
+              "name": "text26",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "42aa3df1-6248-4366-b44a-38c81826f8ea",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "c34543f3-4382-4c89-a867-9555466d8824",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "045cdd4f-e361-4ea5-8301-14ec1bde2667",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9b5d9fe9-f7d4-49ba-a512-5d0f5c98eaf4",
+              "name": "text27",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "42aa3df1-6248-4366-b44a-38c81826f8ea",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Document checklist</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "e399e691-bde2-4cd2-80b9-09901f847738",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "9b5d9fe9-f7d4-49ba-a512-5d0f5c98eaf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "42aa3df1-6248-4366-b44a-38c81826f8ea",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "877059d0-60ca-42a1-bf24-0956b3c3e0e9",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "42aa3df1-6248-4366-b44a-38c81826f8ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "9a6c6f33-4555-40d6-9592-d371b284a8ba",
+              "name": "button11",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-1",
+              "properties": {
+                "text": {
+                  "value": "Skip >"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5f26722d-906f-4d63-8464-23583a82a8de",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "9a6c6f33-4555-40d6-9592-d371b284a8ba",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "49779d31-aa7f-4c2e-acb2-e9c37c55136a",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 26,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "9a6c6f33-4555-40d6-9592-d371b284a8ba",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "149de32c-1a03-4471-8bfc-7d8ef4606828",
+              "name": "button12",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-2",
+              "properties": {
+                "text": {
+                  "value": "Skip >"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "01f4133e-a1b1-4dec-b6b8-c7d41fcd82f7",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 26,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "149de32c-1a03-4471-8bfc-7d8ef4606828",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "663f2e94-53ff-4d9a-af4d-a899a044e81e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "149de32c-1a03-4471-8bfc-7d8ef4606828",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "ca5f2bb6-37cf-42f0-8e70-5f046fcd1849",
+              "name": "button13",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-3",
+              "properties": {
+                "text": {
+                  "value": "Skip >"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0717a9e2-1a27-41f2-937a-dbeec1fb0359",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 26,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "ca5f2bb6-37cf-42f0-8e70-5f046fcd1849",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "711f92c7-438c-4c9d-b480-d6378f02441a",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "ca5f2bb6-37cf-42f0-8e70-5f046fcd1849",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "b5b7b13b-0bb2-4a7b-b3f6-14f3499d5a24",
+              "name": "button14",
+              "type": "Button",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "29975d94-2cec-4fc6-b7ff-5df0827812dd-4",
+              "properties": {
+                "text": {
+                  "value": "Skip >"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "dac98ae1-c98e-44c1-bb58-e08d46260f8d",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 26,
+                  "width": 6.999999999999999,
+                  "height": 40,
+                  "componentId": "b5b7b13b-0bb2-4a7b-b3f6-14f3499d5a24",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "9fc8b9eb-cc0f-495a-8f77-1bb0bf6c3843",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 31,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "b5b7b13b-0bb2-4a7b-b3f6-14f3499d5a24",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "dd7f98d1-99b5-4344-9d1f-efe7b49caad0",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 10.999999999999998,
+                  "height": 580,
+                  "componentId": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "5abf6077-1e2c-4a29-92a0-bea82faa9f8b",
+                  "type": "mobile",
+                  "top": 730,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "973423fc-b4a3-4275-bde1-b0ee206bf991",
+              "name": "checkbox5",
+              "type": "Checkbox",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "defaultValue": {
+                  "value": "{{queries.progressCheckbox.data.additionalDocsCheck}}"
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b85dbc1a-c760-41ab-a6dc-8563cfe86b1e",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "973423fc-b4a3-4275-bde1-b0ee206bf991",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "06db0959-1d5a-4259-8e96-b0863e1eac17",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 3,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "973423fc-b4a3-4275-bde1-b0ee206bf991",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "f621e510-482c-4b91-9d72-39dba1c1129d",
+              "name": "checkbox1",
+              "type": "Checkbox",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "defaultValue": {
+                  "value": "{{queries.progressCheckbox.data.incomeVerificationCheck}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "a3a5c664-2dc4-41af-86e6-372faaef9cb7",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 3,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "f621e510-482c-4b91-9d72-39dba1c1129d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "7ee70468-ace9-4c98-a0c3-f3df4d7a493a",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "f621e510-482c-4b91-9d72-39dba1c1129d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "6f61870d-d803-4acc-984f-a351d6e36af2",
+              "name": "checkbox3",
+              "type": "Checkbox",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "defaultValue": {
+                  "value": "{{queries.progressCheckbox.data.propertyDocsCheck}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ed540630-88c0-4e6d-a1d4-7806dbfb0282",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 3,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "6f61870d-d803-4acc-984f-a351d6e36af2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "8c378e50-0cfe-411f-aded-8158b0e60d16",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "6f61870d-d803-4acc-984f-a351d6e36af2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "d1565248-4dc4-40f4-890d-ef602f7f409d",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Income Verification Documents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "1cc3c321-7ea4-4f92-a694-5d1a9531591f",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 7,
+                  "width": 32,
+                  "height": 60,
+                  "componentId": "d1565248-4dc4-40f4-890d-ef602f7f409d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "42be5a22-d796-479f-937b-1fc2c6af15e5",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d1565248-4dc4-40f4-890d-ef602f7f409d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "03fad000-ee5b-4b0d-be61-baf3eae7a49f",
+              "name": "checkbox2",
+              "type": "Checkbox",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "defaultValue": {
+                  "value": "{{queries.progressCheckbox.data.identityVerificationCheck}}",
+                  "fxActive": true
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "9bdcea3b-d57c-4e0b-9a9b-b172e1e5bf9b",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 3,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "03fad000-ee5b-4b0d-be61-baf3eae7a49f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "f2cc16b7-24a1-4d35-955c-e79e1c160da0",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "03fad000-ee5b-4b0d-be61-baf3eae7a49f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "382e9529-64dd-45ed-b677-7ee048615d01",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Identity Verification Documents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "11278012-7384-4200-978b-f0603c15d159",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 7,
+                  "width": 32,
+                  "height": 60,
+                  "componentId": "382e9529-64dd-45ed-b677-7ee048615d01",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "1941b2cf-3f60-4173-9b89-37ad4e9bb088",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "382e9529-64dd-45ed-b677-7ee048615d01",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "1b2aa517-ded6-4c6d-8556-b52102cac7f4",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Property Documents (for Mortgage Applications)"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "8d0e82d2-5c8e-40b9-931f-ab6937654984",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1b2aa517-ded6-4c6d-8556-b52102cac7f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "44506491-2399-433c-8cbb-6a07a6faa746",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 7,
+                  "width": 32,
+                  "height": 60,
+                  "componentId": "1b2aa517-ded6-4c6d-8556-b52102cac7f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "4f829f03-1a7f-4d3f-9bb7-b73ed16d619b",
+              "name": "checkbox4",
+              "type": "Checkbox",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "defaultValue": {
+                  "value": "{{queries.progressCheckbox.data.businessFinancialDocsCheck}}"
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "c1b1261d-c5ef-4af3-b15d-29c31055253e",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "4f829f03-1a7f-4d3f-9bb7-b73ed16d619b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "ab2a24fd-e4f0-4cbf-bdc4-ec651933cb6f",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 3,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "4f829f03-1a7f-4d3f-9bb7-b73ed16d619b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "5f7775b3-43d1-4fd9-8541-bfcc996fa0e3",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Business Financial Documents (for Business Loans)"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "c1e248f7-525d-436f-bb01-6f79c9dca663",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5f7775b3-43d1-4fd9-8541-bfcc996fa0e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "0a8fb450-b35b-431d-bc1c-672e729b02be",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 7,
+                  "width": 32,
+                  "height": 60,
+                  "componentId": "5f7775b3-43d1-4fd9-8541-bfcc996fa0e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            },
+            {
+              "id": "1e649af4-c2ba-4db8-80f3-2bfc513f7541",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "parent": "401dcef2-2e1e-476f-ab64-d32c52780fb8",
+              "properties": {
+                "text": {
+                  "value": "Additional Documents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z",
+              "layouts": [
+                {
+                  "id": "42cc37ef-f670-4ce4-8df8-f51c6f786700",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1e649af4-c2ba-4db8-80f3-2bfc513f7541",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                },
+                {
+                  "id": "1de531ee-7985-4419-b14b-7d53e26805f2",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 7,
+                  "width": 32,
+                  "height": 60,
+                  "componentId": "1e649af4-c2ba-4db8-80f3-2bfc513f7541",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-24T08:59:58.948Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-12-03T01:20:45.630Z",
+              "autoComputeLayout": false,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "name": "Documents upload",
+              "handle": "documents-upload",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-12-03T01:20:45.630Z",
+              "autoComputeLayout": false,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "pageGroupIndex": 2,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "5b2daec7-bdb5-4887-bc7a-74f907adc4ad",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "706ee74b-9186-4a9b-8c52-85eae0f332b9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:05:52.138Z"
+            },
+            {
+              "id": "3aa7b796-b86f-4f9e-a33d-332414616942",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "efd9a6af-ff28-489e-9141-edbe161505fd",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateDocData",
+                "parameters": {}
+              },
+              "sourceId": "a5726840-66cc-44a2-8eae-b76fd9ef97d9",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.868Z"
+            },
+            {
+              "id": "659f96e8-2f33-46e9-b041-53f00c0bb4c2",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "1",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "f7ae5cb8-68a8-4904-b360-b49df829b1c7",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.875Z"
+            },
+            {
+              "id": "1ccea8b9-fc74-4f6c-8191-67bac2a1d5eb",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "ac4f2b94-bc67-42cf-bf0a-f533d8bb8119",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomeVerificationTaxReturns",
+                "runOnlyIf": "{{components.textinput3.value}}",
+                "parameters": {}
+              },
+              "sourceId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.882Z"
+            },
+            {
+              "id": "81a9c448-0625-4bb1-afe0-3eaf8dcf4a0c",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "79409c7a-0d29-4c4b-9a54-3ade4a12486c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomeVerificationEmploymentVerification",
+                "runOnlyIf": "{{components.textinput4.value}}",
+                "parameters": {}
+              },
+              "sourceId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.888Z"
+            },
+            {
+              "id": "ab51df06-6a3d-456b-be5f-e1d6c71f2062",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "7084d8c7-ec22-47c3-beb2-38622c1646bf",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomeVerificationBankStatement",
+                "runOnlyIf": "{{components.textinput2.value}}",
+                "parameters": {}
+              },
+              "sourceId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.895Z"
+            },
+            {
+              "id": "81fae5de-ee17-43a4-b544-73c20c9a0e73",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c116826a-8075-4f61-ada3-1b0fefc054f3",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomeVerificationRecentPay",
+                "runOnlyIf": "{{components.textinput1.value}}",
+                "parameters": {}
+              },
+              "sourceId": "6e514632-5e41-459a-a13c-7320c4f3bb71",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.902Z"
+            },
+            {
+              "id": "c1d35259-6712-4a42-a53c-3a6d4522566f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "e5310008-da41-42f1-9323-59e8e55d30d4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIdentityVerificationGovPhoto",
+                "runOnlyIf": "{{components.textinput5.value}}",
+                "parameters": {}
+              },
+              "sourceId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.909Z"
+            },
+            {
+              "id": "3bd3f7f9-6f50-44a8-89ed-d34b42fba1df",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "105cdbac-4d5c-4ba1-95d5-7e802d2d26c1",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIdentityVerificationUtilityBill",
+                "runOnlyIf": "{{components.textinput7.value}}",
+                "parameters": {}
+              },
+              "sourceId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.915Z"
+            },
+            {
+              "id": "5eed5904-5de3-453c-9727-dcb01424df7e",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "cfcd94c1-cee9-4e51-93fe-309421a7953e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIdentityVerificationSSN",
+                "runOnlyIf": "{{components.textinput6.value}}",
+                "parameters": {}
+              },
+              "sourceId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.922Z"
+            },
+            {
+              "id": "7b5061bf-e1cf-4296-b4c7-b9feeb21d5c1",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "706ee74b-9186-4a9b-8c52-85eae0f332b9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIdentityVerificationGovBirthCerti",
+                "runOnlyIf": "{{components.textinput8.value}}",
+                "parameters": {}
+              },
+              "sourceId": "382f9d2a-bb9c-499d-9566-ee68098e4f24",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.928Z"
+            },
+            {
+              "id": "0271b602-a820-458e-9372-e5ae4c35a493",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "3489f5ac-089d-4440-9926-28adb2572fdb",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomePropertyDocPropertyOwnerInsurance",
+                "runOnlyIf": "{{components.textinput15.value}}",
+                "parameters": {}
+              },
+              "sourceId": "50e5d632-906b-439e-bd33-67948e3e2425",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.566Z"
+            },
+            {
+              "id": "d778de99-3116-4062-93e4-7e872cc14a21",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d3717cec-8426-4351-b462-dc2c2da22996",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomePropertyDocPropertyAppraisal",
+                "runOnlyIf": "{{components.textinput18.value}}",
+                "parameters": {}
+              },
+              "sourceId": "50e5d632-906b-439e-bd33-67948e3e2425",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.192Z"
+            },
+            {
+              "id": "ee05bcd5-0393-468b-ae0e-aad8a7e058e2",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "5bed67c0-eec8-40a3-ac7b-d4a769a5794f",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomePropertyDocPurchaseAgreement",
+                "runOnlyIf": "{{components.textinput12.value}}",
+                "parameters": {}
+              },
+              "sourceId": "50e5d632-906b-439e-bd33-67948e3e2425",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.199Z"
+            },
+            {
+              "id": "9612668d-4fc4-4f9b-834c-0d953db88970",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d9ee6e93-78c7-4b37-8755-8f30ac866fd0",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addIncomePropertyDocPropertyDeed",
+                "runOnlyIf": "{{components.textinput9.value}}",
+                "parameters": {}
+              },
+              "sourceId": "50e5d632-906b-439e-bd33-67948e3e2425",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.206Z"
+            },
+            {
+              "id": "68ffacbe-3af1-4916-a874-42a219de88dc",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "0ebbeea3-4b28-49b1-b359-1a5261d63d82",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBusinessDocsTaxBusinessPlan",
+                "runOnlyIf": "{{components.textinput19.value}}",
+                "parameters": {}
+              },
+              "sourceId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.214Z"
+            },
+            {
+              "id": "a49ad8c7-71b9-4af5-ad70-4bd30d6e6bd6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "559da74f-bcd1-4ecf-a2cc-7a1585e73b5a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBusinessDocsTaxReturns",
+                "runOnlyIf": "{{components.textinput10.value}}",
+                "parameters": {}
+              },
+              "sourceId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.220Z"
+            },
+            {
+              "id": "ae2657a1-104e-4508-9e88-fe114df40d00",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "536d308a-68a6-4d15-819b-b356caf32a5e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBusinessDocsTaxBankStatement",
+                "runOnlyIf": "{{components.textinput16.value}}",
+                "parameters": {}
+              },
+              "sourceId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.228Z"
+            },
+            {
+              "id": "037dc72d-0c06-469c-ac8b-db9dfaadd284",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "b135f70d-9271-43e7-a666-3e0023cb8e4c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBusinessDocsProfitLossStatement",
+                "runOnlyIf": "{{components.textinput13.value}}",
+                "parameters": {}
+              },
+              "sourceId": "905ee1c9-eb1e-4736-a556-3ca7a740872d",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.234Z"
+            },
+            {
+              "id": "ce672ab0-e0ae-4f3c-aa2b-3fc94a33af03",
+              "name": "onClick",
+              "index": 2,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "0f4eda4a-2f43-48a5-8f4a-0a3a8e536d3d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addAdditionalDocReffLetter",
+                "runOnlyIf": "{{components.textinput17.value}}",
+                "parameters": {}
+              },
+              "sourceId": "9be711dd-0c72-4283-888f-458703ad1364",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.242Z"
+            },
+            {
+              "id": "432bb057-b945-4566-96cd-6e7758e62425",
+              "name": "onClick",
+              "index": 3,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "327051b8-2200-4611-b01e-998fd2146fd1",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addAdditionalDocCollateralInfo",
+                "runOnlyIf": "{{components.textinput20.value}}",
+                "parameters": {}
+              },
+              "sourceId": "9be711dd-0c72-4283-888f-458703ad1364",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.248Z"
+            },
+            {
+              "id": "53a7d2e8-35bd-4ebc-ac6f-545ba496473f",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d9d80dcf-d0ed-46be-95c8-ea9088d9e593",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addAdditionalDocDebtObligation",
+                "runOnlyIf": "{{components.textinput14.value}}",
+                "parameters": {}
+              },
+              "sourceId": "9be711dd-0c72-4283-888f-458703ad1364",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.256Z"
+            },
+            {
+              "id": "4a8abf8b-5b7c-48e1-bc67-37996df0ba37",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "5bec27f7-5012-4d8d-a1d5-cb6fb6abc4f9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addAdditionalDocCreditReport",
+                "runOnlyIf": "{{components.textinput11.value}}",
+                "parameters": {}
+              },
+              "sourceId": "9be711dd-0c72-4283-888f-458703ad1364",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.265Z"
+            },
+            {
+              "id": "1ba8dae1-7988-46a4-acbc-c742b5c90309",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "7c1714bb-e70c-4685-9c9a-fd3b7fd4e579",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.272Z"
+            },
+            {
+              "id": "691e2d91-9607-4e44-a06e-12bc5ae920fa",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "2",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "9a6c6f33-4555-40d6-9592-d371b284a8ba",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.279Z"
+            },
+            {
+              "id": "cf367830-8934-4d02-b50c-ea2d0d5aea09",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "4",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "ca5f2bb6-37cf-42f0-8e70-5f046fcd1849",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.293Z"
+            },
+            {
+              "id": "a3a18f3c-e53b-4f1e-9284-2ff651812b07",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "0",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "b5b7b13b-0bb2-4a7b-b3f6-14f3499d5a24",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.300Z"
+            },
+            {
+              "id": "90fbf834-3bc3-419f-977a-8dd9bfdd9d54",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Profit and Loss Statement document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "b135f70d-9271-43e7-a666-3e0023cb8e4c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:06.868Z"
+            },
+            {
+              "id": "43b6102e-959f-4ce4-a332-c58a069a5f16",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Birth Certificate document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "706ee74b-9186-4a9b-8c52-85eae0f332b9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:50.107Z"
+            },
+            {
+              "id": "6608bb22-73dd-4f8b-9f22-e3955e91747c",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "105cdbac-4d5c-4ba1-95d5-7e802d2d26c1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:10:32.175Z"
+            },
+            {
+              "id": "4cf4a238-57de-45c2-81da-f49a6d06f978",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "7084d8c7-ec22-47c3-beb2-38622c1646bf",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:11:32.774Z"
+            },
+            {
+              "id": "3355cd2c-1da6-49d0-bd48-b5c7c78e927b",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Utility Bill or Proof of Address document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "105cdbac-4d5c-4ba1-95d5-7e802d2d26c1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:35:09.167Z"
+            },
+            {
+              "id": "a6b80eb5-056a-43e7-b665-294880aa8ebd",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Birth Certificate document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "706ee74b-9186-4a9b-8c52-85eae0f332b9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:07:57.515Z"
+            },
+            {
+              "id": "947ba680-42a3-4866-a422-0499b2fed1da",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Bank Statement document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "7084d8c7-ec22-47c3-beb2-38622c1646bf",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:35:27.086Z"
+            },
+            {
+              "id": "b1c7f3f9-c4e9-4628-9c4b-b3b4207b414c",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Tax Returns document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success",
+                "runOnlyIf": ""
+              },
+              "sourceId": "ac4f2b94-bc67-42cf-bf0a-f533d8bb8119",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:36:14.463Z"
+            },
+            {
+              "id": "5500de26-8387-42cd-b94f-44df44169840",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "ac4f2b94-bc67-42cf-bf0a-f533d8bb8119",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:16:43.182Z"
+            },
+            {
+              "id": "62710ba7-650b-4e29-80fa-0d3926052174",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "cfcd94c1-cee9-4e51-93fe-309421a7953e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:09:24.213Z"
+            },
+            {
+              "id": "8814187f-0024-4f64-a217-2a9705908b60",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Bank Statement document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "7084d8c7-ec22-47c3-beb2-38622c1646bf",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:12:11.964Z"
+            },
+            {
+              "id": "dac8d960-0be1-4f22-a561-dd35973b9801",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Utility Bill or Proof of Address document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "105cdbac-4d5c-4ba1-95d5-7e802d2d26c1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:11:14.228Z"
+            },
+            {
+              "id": "458ff5bc-cbb4-412c-a958-0026c08b9188",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Tax Returns document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "ac4f2b94-bc67-42cf-bf0a-f533d8bb8119",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:17:17.367Z"
+            },
+            {
+              "id": "69ad3111-0ba0-48be-8354-94ac0228c3b3",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Personal Reference Letter document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "0f4eda4a-2f43-48a5-8f4a-0a3a8e536d3d",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:32:55.442Z"
+            },
+            {
+              "id": "fbed6f46-18a0-44fc-adbe-5bb4dfe0a91f",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Business Plan document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "0ebbeea3-4b28-49b1-b359-1a5261d63d82",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:31.576Z"
+            },
+            {
+              "id": "e99af4ce-bfda-4da5-bf9f-4419d0f36241",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Government-issued Photo ID document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "e5310008-da41-42f1-9323-59e8e55d30d4",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:58.923Z"
+            },
+            {
+              "id": "463834dd-a4b6-4bbf-b808-76efaf9993ff",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Personal Reference Letter document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "0f4eda4a-2f43-48a5-8f4a-0a3a8e536d3d",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:58:29.401Z"
+            },
+            {
+              "id": "721941a4-953c-4b99-aa77-c095b4de3d49",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "0f4eda4a-2f43-48a5-8f4a-0a3a8e536d3d",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:57:01.662Z"
+            },
+            {
+              "id": "830a01b6-47c5-4b6a-a378-30708e69e269",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "e5310008-da41-42f1-9323-59e8e55d30d4",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:08:25.808Z"
+            },
+            {
+              "id": "34c05d42-9256-4be8-8619-8e843a99d4a5",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "0ebbeea3-4b28-49b1-b359-1a5261d63d82",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:00:21.813Z"
+            },
+            {
+              "id": "8c8927e4-daf2-4aa5-a51e-5a16defa0f7f",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Government-issued Photo ID document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "e5310008-da41-42f1-9323-59e8e55d30d4",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:09:00.298Z"
+            },
+            {
+              "id": "c0968c1d-13d7-49d9-bd01-59b59c3cac5f",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Something went wrong",
+                "actionId": "show-alert",
+                "alertType": "error"
+              },
+              "sourceId": "efd9a6af-ff28-489e-9141-edbe161505fd",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "c19f71fb-1bfa-4ba8-8604-5a071ce103f9",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "9f0e5885-1975-4526-bae6-35426f353230",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getDocData",
+                "parameters": {}
+              },
+              "sourceId": "efd9a6af-ff28-489e-9141-edbe161505fd",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:50:03.315Z"
+            },
+            {
+              "id": "e4cadb70-7779-4d74-b23f-ac56a1bce369",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "efd9a6af-ff28-489e-9141-edbe161505fd",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:48:40.062Z"
+            },
+            {
+              "id": "df7fde02-f44c-4eca-8ad8-e6f50fda60c2",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "9f0e5885-1975-4526-bae6-35426f353230",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getDocData",
+                "parameters": {}
+              },
+              "sourceId": "bbff23f0-08b7-4aa7-9c53-a95889926a64",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.861Z"
+            },
+            {
+              "id": "1dd227de-194d-4a67-af7a-ffcb46e89bc6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "dfede74d-1d89-4d31-ab74-e2f38d919cd2",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.574Z"
+            },
+            {
+              "id": "25cb00aa-30e9-4312-b205-fd0134db00aa",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "ae6d3e78-3fd4-402d-aaf1-bf7284c8a47e",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "a1021190-e24b-48f8-a1dd-9392f87620b1",
+              "target": "table_action",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:51.582Z"
+            },
+            {
+              "id": "260b43b6-824f-494c-b430-42b63efcbe64",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "536d308a-68a6-4d15-819b-b356caf32a5e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:59:33.510Z"
+            },
+            {
+              "id": "5bb27ac3-5c2b-4d8e-a929-620990815431",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "5bec27f7-5012-4d8d-a1d5-cb6fb6abc4f9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:49:38.169Z"
+            },
+            {
+              "id": "60e496e1-75f7-4bc5-82db-d53669a92ae6",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Credit Report document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "5bec27f7-5012-4d8d-a1d5-cb6fb6abc4f9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:26:39.466Z"
+            },
+            {
+              "id": "6d75f8e2-339f-497c-8669-72c2a711fca7",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Credit Report document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "5bec27f7-5012-4d8d-a1d5-cb6fb6abc4f9",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:32:35.475Z"
+            },
+            {
+              "id": "e76f242f-2057-4326-87c4-3ce9342237d6",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "d9ee6e93-78c7-4b37-8755-8f30ac866fd0",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:19:57.017Z"
+            },
+            {
+              "id": "dbaebb88-1967-4e92-aae7-619c88cc99b4",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Social Security Number (SSN) Card document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "cfcd94c1-cee9-4e51-93fe-309421a7953e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:34:15.942Z"
+            },
+            {
+              "id": "fa227988-c684-4441-a59c-7563bc71ad2d",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Social Security Number (SSN) Card document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "cfcd94c1-cee9-4e51-93fe-309421a7953e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:34:49.768Z"
+            },
+            {
+              "id": "102cd3e4-83e6-48fc-bcfc-c5c3c4d31f07",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Purchase Agreement document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "5bed67c0-eec8-40a3-ac7b-d4a769a5794f",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:22:58.815Z"
+            },
+            {
+              "id": "b553c91d-bdd7-448b-ae47-1666ea83e991",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Business Plan document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "0ebbeea3-4b28-49b1-b359-1a5261d63d82",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:01:03.646Z"
+            },
+            {
+              "id": "442026f2-dd9d-4004-8ed8-05941efc9955",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "79409c7a-0d29-4c4b-9a54-3ade4a12486c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:12:37.222Z"
+            },
+            {
+              "id": "02cea26d-8ef5-4955-bbc9-54fa4d30deb7",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "29975d94-2cec-4fc6-b7ff-5df0827812dd",
+                "componentSpecificActionHandle": "setTab",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "3",
+                    "handle": "id",
+                    "displayName": "Id"
+                  }
+                ]
+              },
+              "sourceId": "149de32c-1a03-4471-8bfc-7d8ef4606828",
+              "target": "component",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:52.286Z"
+            },
+            {
+              "id": "a99cf088-7b94-4a5b-a23f-f9f375d79e44",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Employment Verification Letter document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "79409c7a-0d29-4c4b-9a54-3ade4a12486c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:13:10.329Z"
+            },
+            {
+              "id": "c051259b-2f22-4e3d-a338-9959adca94fc",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Employment Verification Letter document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "79409c7a-0d29-4c4b-9a54-3ade4a12486c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:35:42.503Z"
+            },
+            {
+              "id": "4acc5fac-b3e5-4691-96cb-28abc010ff81",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "559da74f-bcd1-4ecf-a2cc-7a1585e73b5a",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:04:49.956Z"
+            },
+            {
+              "id": "e6723313-7031-4bcc-9f36-488f1035aea3",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Business Bank Statement document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "536d308a-68a6-4d15-819b-b356caf32a5e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:21.003Z"
+            },
+            {
+              "id": "34826e8c-d075-4ca0-b1dc-0b9444ef5e6f",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Debt Obligations document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "d9d80dcf-d0ed-46be-95c8-ea9088d9e593",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:56:27.444Z"
+            },
+            {
+              "id": "a3c36cf3-a294-4509-b8ec-17a1e6482e06",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "d3717cec-8426-4351-b462-dc2c2da22996",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:18:34.673Z"
+            },
+            {
+              "id": "9c83b5ec-58ca-4b63-9631-d90d71847422",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Business Tax Returns document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "559da74f-bcd1-4ecf-a2cc-7a1585e73b5a",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:33:41.354Z"
+            },
+            {
+              "id": "bbc645cd-8795-48c0-81f7-57bf01eab633",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "3489f5ac-089d-4440-9926-28adb2572fdb",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:21:06.621Z"
+            },
+            {
+              "id": "1bc6dcab-136b-4470-aa33-a30364349660",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Property Appraisal Report document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "d3717cec-8426-4351-b462-dc2c2da22996",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:36:36.001Z"
+            },
+            {
+              "id": "7c46fe8a-7587-40b4-b25a-f16dcd0f9f48",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Homeowners Insurance Policy document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "3489f5ac-089d-4440-9926-28adb2572fdb",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:36:56.610Z"
+            },
+            {
+              "id": "3169ced5-255d-4545-a698-aa8ed8a4425f",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Property Appraisal Report document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "d3717cec-8426-4351-b462-dc2c2da22996",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:19:28.153Z"
+            },
+            {
+              "id": "ea08a636-28eb-4509-930a-4b34da7c8027",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "d9d80dcf-d0ed-46be-95c8-ea9088d9e593",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:50:00.519Z"
+            },
+            {
+              "id": "f6286add-2283-4b8e-a4d9-bf2b50de5f15",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Business Tax Returns document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "559da74f-bcd1-4ecf-a2cc-7a1585e73b5a",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:05:32.503Z"
+            },
+            {
+              "id": "9ad4d44e-ef4e-450f-a61e-bfcb5cb152e8",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Homeowners Insurance Policy document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "3489f5ac-089d-4440-9926-28adb2572fdb",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:21:43.411Z"
+            },
+            {
+              "id": "a4a33bac-856f-4218-b113-2bb25ddca32e",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Debt Obligations document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "d9d80dcf-d0ed-46be-95c8-ea9088d9e593",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:32:45.169Z"
+            },
+            {
+              "id": "bc2f8436-e23d-4315-ab13-9e4c6431e95f",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Profit and Loss Statement document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "b135f70d-9271-43e7-a666-3e0023cb8e4c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:59:14.987Z"
+            },
+            {
+              "id": "cafe70f2-a4a7-48b7-ade0-53e5f2538835",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "327051b8-2200-4611-b01e-998fd2146fd1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:48:45.083Z"
+            },
+            {
+              "id": "bc3397c3-bd79-4a7b-8294-4bdfd10b26a8",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "b135f70d-9271-43e7-a666-3e0023cb8e4c",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:58:44.049Z"
+            },
+            {
+              "id": "ad6ee557-7318-4c64-b526-6586f270d383",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Property Deed document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "d9ee6e93-78c7-4b37-8755-8f30ac866fd0",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:20:34.142Z"
+            },
+            {
+              "id": "8359316f-fb1c-4242-899c-8e3e6e6a9e0d",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Collateral Information document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "327051b8-2200-4611-b01e-998fd2146fd1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:26:03.323Z"
+            },
+            {
+              "id": "e641e476-9125-4bd2-af2e-d5bad1a05daa",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Collateral Information document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "327051b8-2200-4611-b01e-998fd2146fd1",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:32:22.243Z"
+            },
+            {
+              "id": "d723e168-c56b-41e3-a6cd-01fd07c0c4eb",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Property Deed document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "d9ee6e93-78c7-4b37-8755-8f30ac866fd0",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:36:46.453Z"
+            },
+            {
+              "id": "db31a135-c7f2-4e88-8f35-931009508fd8",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Purchase Agreement document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success",
+                "runOnlyIf": ""
+              },
+              "sourceId": "5bed67c0-eec8-40a3-ac7b-d4a769a5794f",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:37:08.588Z"
+            },
+            {
+              "id": "4555f245-8a37-450e-8510-75eda920ac28",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "5bed67c0-eec8-40a3-ac7b-d4a769a5794f",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:22:10.389Z"
+            },
+            {
+              "id": "d27f5997-a18e-4279-bfc2-899dde59df1d",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "c116826a-8075-4f61-ada3-1b0fefc054f3",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:15:31.809Z"
+            },
+            {
+              "id": "037d5ff7-73b8-4174-af82-9bae348e3ccf",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`${components.table1.selectedRow.category} document updated successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success",
+                "runOnlyIf": ""
+              },
+              "sourceId": "efd9a6af-ff28-489e-9141-edbe161505fd",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:49:21.111Z"
+            },
+            {
+              "id": "819293c9-b543-4c1f-a063-154729a0d3b9",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Recent Pay Stubs document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "c116826a-8075-4f61-ada3-1b0fefc054f3",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:16:11.603Z"
+            },
+            {
+              "id": "8bb8bec3-f0e0-40e2-8193-8932b37c3256",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Recent Pay Stubs document updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "c116826a-8075-4f61-ada3-1b0fefc054f3",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:36:01.289Z"
+            },
+            {
+              "id": "8ebcaf74-6dad-4d52-8b66-b8b25dbcee39",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to save Business Bank Statement document! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "536d308a-68a6-4d15-819b-b356caf32a5e",
+              "target": "data_query",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:00:05.633Z"
+            },
+            {
+              "id": "53a7d4b4-21ee-4ce3-a6de-fa52093d90b2",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "2240865a-16bf-4775-88a6-9ac8761bd022",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "progressCheckbox",
+                "parameters": {}
+              },
+              "sourceId": "ce2900fb-7f91-4a2b-a081-91fadd542ec2",
+              "target": "page",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T07:01:17.626Z",
+              "updatedAt": "2024-05-31T07:01:31.133Z"
+            },
+            {
+              "id": "9a4c4b40-bfa0-4aa1-ad9b-0c7d983ebd4a",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "79a27749-0166-4941-8c66-cc1916813b89",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getDueDocDetails",
+                "parameters": {}
+              },
+              "sourceId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "target": "page",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T07:01:41.199Z",
+              "updatedAt": "2024-05-31T07:01:49.786Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "79a27749-0166-4941-8c66-cc1916813b89",
+              "name": "getDueDocDetails",
+              "options": {
+                "code": "await queries.getDocData.run(); \nconst data = queries.getDocData.getData();\n\nconst givencategories = [\n  {\n    title: \"Income verification Documents\",\n    subtitle:\n      \"Please upload documents like Recent Pay Stubs (last 3 months), Tax Returns (last 2 years), Employment Verification Letter, etc.\",\n    date: `Due on ${moment().add(7, \"days\").format(\"Do MMM YYYY\")}`,\n  },\n  {\n    title: \"Identity verification Documents\",\n    subtitle:\n      \"Please upload documents like Government-issued Photo ID (e.g., Driver's License, Passport), Social Security Number (SSN) Card, Utility Bill or Proof of Address, Birth Certificate, etc.\",\n    date: `Due on ${moment().add(7, \"days\").format(\"Do MMM YYYY\")}`,\n  },\n  {\n    title: \"Property Documents\",\n    subtitle:\n      \"Please upload documents like Property Deed, Purchase Agreement, Homeowners Insurance Policy, Property Appraisal Report, etc.\",\n    date: `Due on ${moment().add(7, \"days\").format(\"Do MMM YYYY\")}`,\n  },\n  {\n    title: \"Business Financial Documents\",\n    subtitle:\n      \"Please upload documents like Business Tax Returns (last 2 years), Profit and Loss Statement, Business Bank Statements (last 3 months), Business Plan, etc.\",\n    date: `Due on ${moment().add(7, \"days\").format(\"Do MMM YYYY\")}`,\n  },\n  {\n    title: \"Additional Documents\",\n    subtitle:\n      \"Please upload documents like Credit Report, Debt Obligations (e.g., car loans, student loans), Personal Reference Letters, Collateral Information (if applicable), etc.\",\n    date: `Due on ${moment().add(7, \"days\").format(\"Do MMM YYYY\")}`,\n  },\n];\n\nconst givenCategoryTitles = givencategories.map((item) => item.title);\nconst uniqueCategories = [...new Set(data.map((item) => item.category))];\nconst filteredData = givencategories.filter(\n  (item) => !uniqueCategories.includes(item.title)\n);\n\nreturn filteredData;",
+                "parameters": [],
+                "requestConfirmation": false,
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:02:04.926Z"
+            },
+            {
+              "id": "536d308a-68a6-4d15-819b-b356caf32a5e",
+              "name": "addBusinessDocsTaxBankStatement",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106233124,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Business Financial Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Business Bank Statements (last 3 months)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput16.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "5bec27f7-5012-4d8d-a1d5-cb6fb6abc4f9",
+              "name": "addAdditionalDocCreditReport",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112533411,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Additional Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Credit Report"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput11.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "d9d80dcf-d0ed-46be-95c8-ea9088d9e593",
+              "name": "addAdditionalDocDebtObligation",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112540698,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Additional Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Debt Obligations (e.g., car loans, student loans)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput14.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "d3717cec-8426-4351-b462-dc2c2da22996",
+              "name": "addPropertyDocPropertyAppraisal",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106282615,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Property Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Property Appraisal Report"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput18.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:41:40.621Z"
+            },
+            {
+              "id": "559da74f-bcd1-4ecf-a2cc-7a1585e73b5a",
+              "name": "addBusinessDocsTaxReturns",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106245826,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Business Financial Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Business Tax Returns (last 2 years)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput10.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "b135f70d-9271-43e7-a666-3e0023cb8e4c",
+              "name": "addBusinessDocsProfitLossStatement",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112551673,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Business Financial Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Profit and Loss Statement"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput13.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "327051b8-2200-4611-b01e-998fd2146fd1",
+              "name": "addAdditionalDocCollateralInfo",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112528306,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Additional Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Collateral Information"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput20.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "d9ee6e93-78c7-4b37-8755-8f30ac866fd0",
+              "name": "addPropertyDocPropertyDeed",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106288263,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Property Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Property Deed"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput9.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:41:37.516Z"
+            },
+            {
+              "id": "105cdbac-4d5c-4ba1-95d5-7e802d2d26c1",
+              "name": "addIdentityVerificationUtilityBill",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106276610,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Identity verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Utility Bill or Proof of Address"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput7.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:48.023Z"
+            },
+            {
+              "id": "706ee74b-9186-4a9b-8c52-85eae0f332b9",
+              "name": "addIdentityVerificationGovBirthCerti",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106252357,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Identity verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Birth Certificate"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput8.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:48.952Z"
+            },
+            {
+              "id": "ac4f2b94-bc67-42cf-bf0a-f533d8bb8119",
+              "name": "addIncomeVerificationTaxReturns",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112600026,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Income verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Tax Returns (last 2 years)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput3.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:18.008Z"
+            },
+            {
+              "id": "7084d8c7-ec22-47c3-beb2-38622c1646bf",
+              "name": "addIncomeVerificationBankStatement",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112579203,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Income verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Bank Statements (last 3 months)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput2.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:20.120Z"
+            },
+            {
+              "id": "5bed67c0-eec8-40a3-ac7b-d4a769a5794f",
+              "name": "addPropertyDocPurchaseAgreement",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106300316,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Property Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Purchase Agreement"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput12.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:41:38.491Z"
+            },
+            {
+              "id": "0ebbeea3-4b28-49b1-b359-1a5261d63d82",
+              "name": "addBusinessDocsTaxBusinessPlan",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106239567,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Business Financial Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Business Plan"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput19.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "0f4eda4a-2f43-48a5-8f4a-0a3a8e536d3d",
+              "name": "addAdditionalDocReffLetter",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112546224,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Additional Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Personal Reference Letters"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput17.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "efd9a6af-ff28-489e-9141-edbe161505fd",
+              "name": "updateDocData",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106306669,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "doc",
+                      "value": "{{components.textinput22.value}}"
+                    },
+                    "7b1c8591-2065-47af-ac37-7514f9b50885": {
+                      "column": "status",
+                      "value": "{{components.dropdown1.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "648dcfb5-876e-4c83-a32e-73f95fda1e8b": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "648dcfb5-876e-4c83-a32e-73f95fda1e8b"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T06:43:50.706Z"
+            },
+            {
+              "id": "79409c7a-0d29-4c4b-9a54-3ade4a12486c",
+              "name": "addIncomeVerificationEmploymentVerification",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112586294,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Income verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Employment Verification Letter"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput4.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:19.156Z"
+            },
+            {
+              "id": "2240865a-16bf-4775-88a6-9ac8761bd022",
+              "name": "progressCheckbox",
+              "options": {
+                "code": "await queries.getDocData.run(); \nlet data = queries.getDocData.getData();\n\nconst incomeVerificationDocuments = [\n  \"Recent Pay Stubs (last 3 months)\",\n  \"Tax Returns (last 2 years)\",\n  \"Employment Verification Letter\",\n  \"Bank Statements (last 3 months)\"\n];\n\nconst identityVerificationDocuments = [\n  \"Government-issued Photo ID (e.g., Driver's License, Passport)\",\n  \"Social Security Number (SSN) Card\",\n  \"Utility Bill or Proof of Address\",\n  \"Birth Certificate\"\n];\n\nconst propertyDocuments = [\n  \"Property Deed\",\n  \"Purchase Agreement\",\n  \"Homeowners Insurance Policy\",\n  \"Property Appraisal Report\"\n];\n\nconst businessFinancialDocuments = [\n  \"Business Tax Returns (last 2 years)\",\n  \"Profit and Loss Statement\",\n  \"Business Bank Statements (last 3 months)\",\n  \"Business Plan\"\n];\n\nconst additionalDocuments = [\n  \"Credit Report\",\n  \"Debt Obligations (e.g., car loans, student loans)\",\n  \"Personal Reference Letters\",\n  \"Collateral Information\"\n];\n\nconst incomeVerificationCheck = incomeVerificationDocuments.every(item =>\n  data.some(entry => entry.subcategory === item)\n);\n\nconst identityVerificationCheck = identityVerificationDocuments.every(item =>\n  data.some(entry => entry.subcategory === item)\n);\n\nconst propertyDocsCheck = propertyDocuments.every(item =>\n  data.some(entry => entry.subcategory === item)\n);\nconst businessFinancialDocsCheck = businessFinancialDocuments.every(item =>\n  data.some(entry => entry.subcategory === item)\n);\nconst additionalDocsCheck = additionalDocuments.every(item =>\n  data.some(entry => entry.subcategory === item)\n);\n\nreturn { incomeVerificationCheck, identityVerificationCheck, propertyDocsCheck, businessFinancialDocsCheck, additionalDocsCheck,data }",
+                "parameters": [],
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:03:58.246Z"
+            },
+            {
+              "id": "c116826a-8075-4f61-ada3-1b0fefc054f3",
+              "name": "addIncomeVerificationRecentPay",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112592608,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Income verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Recent Pay Stubs (last 3 months)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:16.850Z"
+            },
+            {
+              "id": "e5310008-da41-42f1-9323-59e8e55d30d4",
+              "name": "addIdentityVerificationGovPhoto",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106263960,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Identity verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Government-issued Photo ID (e.g., Driver's License, Passport)"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput5.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:46.018Z"
+            },
+            {
+              "id": "cfcd94c1-cee9-4e51-93fe-309421a7953e",
+              "name": "addIdentityVerificationSSN",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106271371,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Identity verification Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Social Security Number (SSN) Card"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput6.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                }
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:38:46.959Z"
+            },
+            {
+              "id": "3489f5ac-089d-4440-9926-28adb2572fdb",
+              "name": "addPropertyDocPropertyOwnerInsurance",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717106294283,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "category",
+                    "value": "Property Documents"
+                  },
+                  "1": {
+                    "column": "subcategory",
+                    "value": "Homeowners Insurance Policy"
+                  },
+                  "2": {
+                    "column": "doc",
+                    "value": "{{components.textinput15.value}}"
+                  },
+                  "3": {
+                    "column": "status",
+                    "value": "Pending"
+                  },
+                  "ce93b34f-ed78-4575-b137-317d94bad765": {
+                    "column": "email",
+                    "value": "{{globals.currentUser.email}}"
+                  }
+                },
+                "showSuccessNotification": false
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-05-31T07:41:39.426Z"
+            },
+            {
+              "id": "9f0e5885-1975-4526-bae6-35426f353230",
+              "name": "getDocData",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "16804940-39ae-4c1f-ab2a-7bf799af1fea",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717112616832,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "45bbb4d0-7b8d-49fd-95d1-9809d0437919",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "category",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "subcategory",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "doc",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "status",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    },
+                    {
+                      "name": "email",
+                      "table": "45bbb4d0-7b8d-49fd-95d1-9809d0437919"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "d5267f01-549a-4fef-aaa9-c6ad7ccebbf3": {
+                      "column": "status",
+                      "operator": "like",
+                      "value": "{{components?.dropdown2?.value ?? \"%\"}}",
+                      "id": "d5267f01-549a-4fef-aaa9-c6ad7ccebbf3"
+                    },
+                    "6cf3e8be-df5c-4cd0-bb46-f51c6255c01e": {
+                      "column": "email",
+                      "operator": "eq",
+                      "value": "{{globals.currentUser.email}}",
+                      "id": "6cf3e8be-df5c-4cd0-bb46-f51c6255c01e"
+                    }
+                  },
+                  "order_filters": {}
+                },
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "createdAt": "2024-05-31T06:43:50.706Z",
+              "updatedAt": "2024-12-03T01:30:49.593Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "e201754a-aba9-4187-9039-b3c96acc2495",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-31T06:43:50.712Z",
+              "updatedAt": "2024-05-31T06:43:50.712Z"
+            },
+            {
+              "id": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-31T06:43:50.723Z",
+              "updatedAt": "2024-05-31T06:43:50.723Z"
+            },
+            {
+              "id": "1cb1c9c5-f00f-46ba-9535-b135dd5fb5b0",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-31T06:43:50.733Z",
+              "updatedAt": "2024-05-31T06:43:50.733Z"
+            },
+            {
+              "id": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-31T06:43:50.742Z",
+              "updatedAt": "2024-05-31T06:43:50.742Z"
+            },
+            {
+              "id": "de528152-5764-4b0f-a663-f1378b38dbf1",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "24391218-4ed4-457f-b97f-67520427c65f",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-31T06:43:50.752Z",
+              "updatedAt": "2024-05-31T06:43:50.752Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "24391218-4ed4-457f-b97f-67520427c65f",
+              "name": "v4",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "0877f95e-b106-40cf-bdb6-b63f10761f8c",
+              "appId": "78e004ac-f8f1-43fc-984e-5dbdf649b6bd",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-05-31T06:43:50.699Z",
+              "updatedAt": "2024-05-31T07:50:03.325Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "b8bfdc0c-86c6-425c-bf78-5e2c44036a2e",
+              "dataSourceId": "e201754a-aba9-4187-9039-b3c96acc2495",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.720Z",
+              "updatedAt": "2024-05-31T06:43:50.720Z"
+            },
+            {
+              "id": "d45cf4fe-bb05-4249-9608-b2db65dec4b6",
+              "dataSourceId": "e201754a-aba9-4187-9039-b3c96acc2495",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.720Z",
+              "updatedAt": "2024-05-31T06:43:50.720Z"
+            },
+            {
+              "id": "6b17f090-4d6c-415f-a88d-f5e0ef04f59a",
+              "dataSourceId": "e201754a-aba9-4187-9039-b3c96acc2495",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.720Z",
+              "updatedAt": "2024-05-31T06:43:50.720Z"
+            },
+            {
+              "id": "169da57c-60cd-44e4-bfd8-918b5798b65d",
+              "dataSourceId": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.731Z",
+              "updatedAt": "2024-05-31T06:43:50.731Z"
+            },
+            {
+              "id": "99db4549-2563-4158-bf11-9aa82968477d",
+              "dataSourceId": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.731Z",
+              "updatedAt": "2024-05-31T06:43:50.731Z"
+            },
+            {
+              "id": "439bf910-b058-42b8-9c75-47e784a14e3e",
+              "dataSourceId": "d27c775b-d0f6-4b64-8e1b-5b7778770264",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.731Z",
+              "updatedAt": "2024-05-31T06:43:50.731Z"
+            },
+            {
+              "id": "62e83b28-36f4-4dda-ad91-55805655340a",
+              "dataSourceId": "1cb1c9c5-f00f-46ba-9535-b135dd5fb5b0",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.740Z",
+              "updatedAt": "2024-05-31T06:43:50.740Z"
+            },
+            {
+              "id": "dfcceeb5-cf36-4f1b-9176-ccdb7ee1c5e5",
+              "dataSourceId": "1cb1c9c5-f00f-46ba-9535-b135dd5fb5b0",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.740Z",
+              "updatedAt": "2024-05-31T06:43:50.740Z"
+            },
+            {
+              "id": "448e552c-94df-4403-a251-132ebef71445",
+              "dataSourceId": "1cb1c9c5-f00f-46ba-9535-b135dd5fb5b0",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.740Z",
+              "updatedAt": "2024-05-31T06:43:50.740Z"
+            },
+            {
+              "id": "ad31abd7-d991-4272-8afb-53dbd0e01c6f",
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.749Z",
+              "updatedAt": "2024-05-31T06:43:50.749Z"
+            },
+            {
+              "id": "5732ee50-d978-4842-bc03-9a0aaeb4af27",
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.750Z",
+              "updatedAt": "2024-05-31T06:43:50.750Z"
+            },
+            {
+              "id": "02e2efe5-81cd-4d0f-9f13-47e788fd97dc",
+              "dataSourceId": "4d6f76a0-fd7f-44cb-b225-9cb21f10c417",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.750Z",
+              "updatedAt": "2024-05-31T06:43:50.750Z"
+            },
+            {
+              "id": "79ff2412-fc9d-40bf-b03d-c4bdb53d989e",
+              "dataSourceId": "de528152-5764-4b0f-a663-f1378b38dbf1",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.759Z",
+              "updatedAt": "2024-05-31T06:43:50.759Z"
+            },
+            {
+              "id": "6163a9b8-caf6-43c8-b079-e76d92484de5",
+              "dataSourceId": "de528152-5764-4b0f-a663-f1378b38dbf1",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.759Z",
+              "updatedAt": "2024-05-31T06:43:50.759Z"
+            },
+            {
+              "id": "d12a4400-c113-4c40-b6c2-279e7a7b3904",
+              "dataSourceId": "de528152-5764-4b0f-a663-f1378b38dbf1",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-31T06:43:50.759Z",
+              "updatedAt": "2024-05-31T06:43:50.759Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/documentation-checklist/manifest.json b/server/templates/documentation-checklist/manifest.json
new file mode 100644
index 0000000000..932c359f29
--- /dev/null
+++ b/server/templates/documentation-checklist/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Documentation checklist",
+  "description": "Streamline documentation processes using ToolJet DB, ensuring real-time tracking of tasks and updates.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "documentation-checklist",
+  "category": "human-resources"
+}
\ No newline at end of file
diff --git a/server/templates/inventory-management-airtable/definition.json b/server/templates/inventory-management-airtable/definition.json
new file mode 100644
index 0000000000..f80ab9809d
--- /dev/null
+++ b/server/templates/inventory-management-airtable/definition.json
@@ -0,0 +1,38182 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "ac5b4319-11ba-45e7-937b-1263e17800bd",
+          "name": "Inventory management (Airtable)",
+          "slug": "ac5b4319-11ba-45e7-937b-1263e17800bd",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "layers",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-04-26T09:17:58.923Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-04-26T09:17:59.845Z",
+          "editingVersion": {
+            "id": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+            "name": "v1",
+            "definition": {
+              "showViewerNavigation": false,
+              "homePageId": "27be7952-16b7-4dd2-922b-14670240551d",
+              "pages": {
+                "27be7952-16b7-4dd2-922b-14670240551d": {
+                  "name": "Product Inventory",
+                  "handle": "Product Inventory",
+                  "components": {
+                    "bda85f11-39c0-40d3-ba35-bfd0211fea6f": {
+                      "id": "bda85f11-39c0-40d3-ba35-bfd0211fea6f",
+                      "component": {
+                        "properties": {
+                          "title": {
+                            "type": "string",
+                            "displayName": "Title",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "data": {
+                            "type": "code",
+                            "displayName": "Table data",
+                            "validation": {
+                              "schema": {
+                                "type": "array",
+                                "element": {
+                                  "type": "object"
+                                },
+                                "optional": true
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "columns": {
+                            "type": "array",
+                            "displayName": "Table Columns"
+                          },
+                          "useDynamicColumn": {
+                            "type": "toggle",
+                            "displayName": "Use dynamic column",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "columnData": {
+                            "type": "code",
+                            "displayName": "Column data"
+                          },
+                          "rowsPerPage": {
+                            "type": "code",
+                            "displayName": "Number of rows per page",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "serverSidePagination": {
+                            "type": "toggle",
+                            "displayName": "Server-side pagination",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "enableNextButton": {
+                            "type": "toggle",
+                            "displayName": "Enable next page button",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "enabledSort": {
+                            "type": "toggle",
+                            "displayName": "Enable sorting",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "hideColumnSelectorButton": {
+                            "type": "toggle",
+                            "displayName": "Hide column selector button",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "enablePrevButton": {
+                            "type": "toggle",
+                            "displayName": "Enable previous page button",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "totalRecords": {
+                            "type": "code",
+                            "displayName": "Total records server side",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "clientSidePagination": {
+                            "type": "toggle",
+                            "displayName": "Client-side pagination",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "serverSideSearch": {
+                            "type": "toggle",
+                            "displayName": "Server-side search",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "serverSideSort": {
+                            "type": "toggle",
+                            "displayName": "Server-side sort",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "serverSideFilter": {
+                            "type": "toggle",
+                            "displayName": "Server-side filter",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "actionButtonBackgroundColor": {
+                            "type": "color",
+                            "displayName": "Background color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "actionButtonTextColor": {
+                            "type": "color",
+                            "displayName": "Text color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "displaySearchBox": {
+                            "type": "toggle",
+                            "displayName": "Show search box",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "showDownloadButton": {
+                            "type": "toggle",
+                            "displayName": "Show download button",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "showFilterButton": {
+                            "type": "toggle",
+                            "displayName": "Show filter button",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "showBulkUpdateActions": {
+                            "type": "toggle",
+                            "displayName": "Show update buttons",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "showBulkSelector": {
+                            "type": "toggle",
+                            "displayName": "Bulk selection",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "highlightSelectedRow": {
+                            "type": "toggle",
+                            "displayName": "Highlight selected row",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "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": [
+                            {
+                              "eventId": "onSearch",
+                              "actionId": "run-query",
+                              "message": "Hello World!",
+                              "alertType": "info",
+                              "queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
+                              "queryName": "tooljetdbGetProducts",
+                              "parameters": {}
+                            }
+                          ],
+                          "styles": {
+                            "textColor": {
+                              "value": "#000"
+                            },
+                            "actionButtonRadius": {
+                              "value": "5"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            },
+                            "cellSize": {
+                              "value": "regular"
+                            },
+                            "borderRadius": {
+                              "value": "10"
+                            },
+                            "tableType": {
+                              "value": "table-classic"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 10px 0px #00000040",
+                              "fxActive": false
+                            }
+                          },
+                          "properties": {
+                            "title": {
+                              "value": "Table"
+                            },
+                            "visible": {
+                              "value": "{{true}}"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbGetProducts.isLoading}}",
+                              "fxActive": true
+                            },
+                            "data": {
+                              "value": "{{queries.tooljetdbGetProducts.data}}"
+                            },
+                            "useDynamicColumn": {
+                              "value": "{{false}}"
+                            },
+                            "columnData": {
+                              "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+                            },
+                            "rowsPerPage": {
+                              "value": "{{20}}"
+                            },
+                            "serverSidePagination": {
+                              "value": "{{false}}"
+                            },
+                            "enableNextButton": {
+                              "value": "{{true}}"
+                            },
+                            "enablePrevButton": {
+                              "value": "{{true}}"
+                            },
+                            "totalRecords": {
+                              "value": ""
+                            },
+                            "clientSidePagination": {
+                              "value": "{{true}}"
+                            },
+                            "serverSideSort": {
+                              "value": "{{false}}"
+                            },
+                            "serverSideFilter": {
+                              "value": "{{false}}"
+                            },
+                            "displaySearchBox": {
+                              "value": "{{true}}"
+                            },
+                            "showDownloadButton": {
+                              "value": "{{true}}"
+                            },
+                            "showFilterButton": {
+                              "value": "{{true}}"
+                            },
+                            "autogenerateColumns": {
+                              "value": true
+                            },
+                            "columns": {
+                              "value": [
+                                {
+                                  "name": "# id",
+                                  "id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
+                                  "columnType": "number",
+                                  "key": "id"
+                                },
+                                {
+                                  "id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
+                                  "name": "product name",
+                                  "key": "product_name",
+                                  "columnType": "string",
+                                  "autogenerated": true
+                                },
+                                {
+                                  "id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
+                                  "name": "quantity",
+                                  "key": "quantity",
+                                  "columnType": "number",
+                                  "autogenerated": true,
+                                  "isEditable": "{{false}}"
+                                },
+                                {
+                                  "id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
+                                  "name": "price ($)",
+                                  "key": "price",
+                                  "columnType": "number",
+                                  "autogenerated": true
+                                },
+                                {
+                                  "id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
+                                  "name": "status",
+                                  "key": "status",
+                                  "columnType": "string",
+                                  "autogenerated": true
+                                },
+                                {
+                                  "id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
+                                  "name": "category",
+                                  "key": "category",
+                                  "columnType": "string",
+                                  "autogenerated": true
+                                },
+                                {
+                                  "id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
+                                  "name": "description",
+                                  "key": "description",
+                                  "columnType": "string",
+                                  "autogenerated": true
+                                }
+                              ]
+                            },
+                            "showBulkUpdateActions": {
+                              "value": "{{false}}"
+                            },
+                            "showBulkSelector": {
+                              "value": "{{false}}"
+                            },
+                            "highlightSelectedRow": {
+                              "value": "{{false}}"
+                            },
+                            "columnSizes": {
+                              "value": {
+                                "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
+                                "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
+                                "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
+                                "d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
+                                "80a7c021-1406-495f-98d2-c8b1789748d6": 169,
+                                "e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
+                                "aa56b72c-5246-47a7-800d-b19a7208970a": 281,
+                                "01397da4-b41e-4540-aec5-440e70fd38d5": 381,
+                                "9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
+                                "4193a446-2519-454c-9ade-d468ce8e0acb": 89,
+                                "6fcb6fac-ad92-4a9d-8473-f47818129a85": 97,
+                                "935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 117,
+                                "8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 89,
+                                "78c599af-628d-41a5-8da0-02f40f4b0cfd": 35,
+                                "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
+                                "leftActions": 67,
+                                "rightActions": 137,
+                                "9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
+                              }
+                            },
+                            "actions": {
+                              "value": [
+                                {
+                                  "name": "Action0",
+                                  "buttonText": "Edit",
+                                  "events": [
+                                    {
+                                      "eventId": "onClick",
+                                      "actionId": "show-modal",
+                                      "message": "Hello world!",
+                                      "alertType": "info",
+                                      "modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                                    }
+                                  ],
+                                  "position": "right",
+                                  "textColor": "#5079ffff",
+                                  "backgroundColor": "#5079ff1a"
+                                },
+                                {
+                                  "name": "Action1",
+                                  "buttonText": "Remove",
+                                  "events": [
+                                    {
+                                      "eventId": "onClick",
+                                      "actionId": "show-modal",
+                                      "message": "Hello world!",
+                                      "alertType": "info",
+                                      "modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                                    }
+                                  ],
+                                  "position": "right",
+                                  "textColor": "#d0021bff",
+                                  "backgroundColor": "#d0021b1a"
+                                }
+                              ]
+                            },
+                            "enabledSort": {
+                              "value": "{{true}}"
+                            },
+                            "hideColumnSelectorButton": {
+                              "value": "{{false}}"
+                            },
+                            "columnDeletionHistory": {
+                              "value": [
+                                "email",
+                                "Assigned to",
+                                "Quantity",
+                                "Status",
+                                "product description",
+                                "id",
+                                "is_active"
+                              ]
+                            },
+                            "showAddNewRowButton": {
+                              "value": "{{false}}"
+                            },
+                            "serverSideSearch": {
+                              "value": "{{true}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "table1",
+                        "displayName": "Table",
+                        "description": "Display paginated tabular data",
+                        "component": "Table",
+                        "defaultSize": {
+                          "width": 20,
+                          "height": 358
+                        },
+                        "exposedVariables": {
+                          "selectedRow": {},
+                          "changeSet": {},
+                          "dataUpdates": [],
+                          "pageIndex": 1,
+                          "searchText": "",
+                          "selectedRows": [],
+                          "filters": []
+                        },
+                        "actions": [
+                          {
+                            "handle": "setPage",
+                            "displayName": "Set page",
+                            "params": [
+                              {
+                                "handle": "page",
+                                "displayName": "Page",
+                                "defaultValue": "{{1}}"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "selectRow",
+                            "displayName": "Select row",
+                            "params": [
+                              {
+                                "handle": "key",
+                                "displayName": "Key"
+                              },
+                              {
+                                "handle": "value",
+                                "displayName": "Value"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "deselectRow",
+                            "displayName": "Deselect row"
+                          },
+                          {
+                            "handle": "discardChanges",
+                            "displayName": "Discard Changes"
+                          },
+                          {
+                            "handle": "discardNewlyAddedRows",
+                            "displayName": "Discard newly added rows"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 239.9999122619629,
+                          "left": 2.3255818850376775,
+                          "width": 40.99999999999999,
+                          "height": 610
+                        }
+                      }
+                    },
+                    "e70226f2-0985-4145-9fb4-d8355258b0c5": {
+                      "id": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                      "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"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                              "fxActive": true
+                            },
+                            "headerTextColor": {
+                              "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                              "fxActive": true
+                            },
+                            "bodyBackgroundColor": {
+                              "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "triggerButtonBackgroundColor": {
+                              "value": "#4a90e2ff",
+                              "fxActive": false
+                            },
+                            "triggerButtonTextColor": {
+                              "value": "#ffffffff"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "title": {
+                              "value": "Add a Product"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "useDefaultButton": {
+                              "value": "{{false}}"
+                            },
+                            "triggerButtonLabel": {
+                              "value": "Add a Product"
+                            },
+                            "size": {
+                              "value": "lg"
+                            },
+                            "hideTitleBar": {
+                              "value": "{{false}}"
+                            },
+                            "hideCloseButton": {
+                              "value": "{{false}}"
+                            },
+                            "hideOnEsc": {
+                              "value": "{{true}}"
+                            },
+                            "closeOnClickingOutside": {
+                              "value": "{{false}}"
+                            },
+                            "modalHeight": {
+                              "value": "490px"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "modal1",
+                        "displayName": "Modal",
+                        "description": "Modal triggered by events",
+                        "component": "Modal",
+                        "defaultSize": {
+                          "width": 10,
+                          "height": 400
+                        },
+                        "exposedVariables": {
+                          "show": false
+                        },
+                        "actions": [
+                          {
+                            "handle": "open",
+                            "displayName": "Open"
+                          },
+                          {
+                            "handle": "close",
+                            "displayName": "Close"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 920.0000610351562,
+                          "left": 4.651166952654379,
+                          "width": 4,
+                          "height": 30
+                        }
+                      }
+                    },
+                    "5d0ed3c3-5679-4ad7-9282-8910827889fa": {
+                      "id": "5d0ed3c3-5679-4ad7-9282-8910827889fa",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Button Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Loading State",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {
+                          "onClick": {
+                            "displayName": "On click"
+                          },
+                          "onHover": {
+                            "displayName": "On hover"
+                          }
+                        },
+                        "styles": {
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "loaderColor": {
+                            "type": "color",
+                            "displayName": "Loader color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderRadius": {
+                            "type": "number",
+                            "displayName": "Border radius",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderColor": {
+                            "type": "color",
+                            "displayName": "Border color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [
+                            {
+                              "eventId": "onClick",
+                              "actionId": "run-query",
+                              "message": "Hello world!",
+                              "alertType": "info",
+                              "queryId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
+                              "queryName": "tooljetdbAddProduct",
+                              "parameters": {}
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{6}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
+                              "fxActive": true
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Add product"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbAddProduct.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button2",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {},
+                        "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": 420.00006103515625,
+                          "left": 79.06980042535031,
+                          "width": 6.992977528089888,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac": {
+                      "id": "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac",
+                      "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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{5}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Cancel"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button3",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {},
+                        "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": 420.0000305175781,
+                          "left": 65.08360450313526,
+                          "width": 5.026685393258427,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "ac425c6b-770e-4d8f-ba4b-1161ce72f665": {
+                      "id": "ac425c6b-770e-4d8f-ba4b-1161ce72f665",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Quantity"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text11",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140,
+                          "left": 4.651146748971732,
+                          "width": 6,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "3085d2cc-d42a-4fe5-8bf9-da4baefa2048": {
+                      "id": "3085d2cc-d42a-4fe5-8bf9-da4baefa2048",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "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"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Product Details"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text12",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 20,
+                          "left": 4.651157506611227,
+                          "width": 15,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "2c8fbdb8-36a9-48ed-981d-044086f48d6f": {
+                      "id": "2c8fbdb8-36a9-48ed-981d-044086f48d6f",
+                      "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": "#C1C8CD",
+                              "fxActive": true
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {},
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "verticaldivider1",
+                        "displayName": "Vertical Divider",
+                        "description": "Vertical Separator between components",
+                        "component": "VerticalDivider",
+                        "defaultSize": {
+                          "width": 2,
+                          "height": 100
+                        },
+                        "exposedVariables": {
+                          "value": {}
+                        }
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140,
+                          "left": 51.162797507362264,
+                          "width": 1,
+                          "height": 100
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "31b32887-f5ce-43a0-a439-3547dd1f8775": {
+                      "id": "31b32887-f5ce-43a0-a439-3547dd1f8775",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Price ($)"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text14",
+                        "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": 199.9999771118164,
+                          "left": 4.651161007056952,
+                          "width": 6,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "429f6f5a-1962-493c-9fc0-e5abd73df999": {
+                      "id": "429f6f5a-1962-493c-9fc0-e5abd73df999",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Status"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text16",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 139.99999618530273,
+                          "left": 55.81394566271558,
+                          "width": 5.03866958707847,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0": {
+                      "id": "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Description"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text17",
+                        "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": 259.99999618530273,
+                          "left": 4.651163937000746,
+                          "width": 14.943668648140722,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "3362f3ca-5134-4e19-8f06-7b27d1fd942e": {
+                      "id": "3362f3ca-5134-4e19-8f06-7b27d1fd942e",
+                      "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": {},
+                        "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"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": ""
+                            },
+                            "placeholder": {
+                              "value": "Enter product description..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "textarea2",
+                        "displayName": "Textarea",
+                        "description": "Text area form field",
+                        "component": "TextArea",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 100
+                        },
+                        "exposedVariables": {
+                          "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "clear",
+                            "displayName": "Clear"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 299.99997901916504,
+                          "left": 4.651139300533316,
+                          "width": 39.00000000000001,
+                          "height": 100
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "e5409124-b033-4c2f-91d1-6dba1a938395": {
+                      "id": "e5409124-b033-4c2f-91d1-6dba1a938395",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Product name"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text18",
+                        "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": 80,
+                          "left": 4.6511809162900555,
+                          "width": 6.992977528089888,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "5f3ead84-8a42-40b3-b3e6-46ec994a7594": {
+                      "id": "5f3ead84-8a42-40b3-b3e6-46ec994a7594",
+                      "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": null
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": ""
+                            },
+                            "placeholder": {
+                              "value": "Enter product name"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "textinput4",
+                        "displayName": "Text Input",
+                        "description": "Text field for forms",
+                        "component": "TextInput",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "validation": {
+                          "regex": {
+                            "type": "code",
+                            "displayName": "Regex"
+                          },
+                          "minLength": {
+                            "type": "code",
+                            "displayName": "Min length"
+                          },
+                          "maxLength": {
+                            "type": "code",
+                            "displayName": "Max length"
+                          },
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": ""
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "clear",
+                            "displayName": "Clear"
+                          },
+                          {
+                            "handle": "setFocus",
+                            "displayName": "Set focus"
+                          },
+                          {
+                            "handle": "setBlur",
+                            "displayName": "Set blur"
+                          },
+                          {
+                            "handle": "disable",
+                            "displayName": "Disable",
+                            "params": [
+                              {
+                                "handle": "disable",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 80.00000762939453,
+                          "left": 20.930223155150934,
+                          "width": 32,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "64931418-c1f1-4a80-b0d6-989ed7e7d7b3": {
+                      "id": "64931418-c1f1-4a80-b0d6-989ed7e7d7b3",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": true
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Category"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text19",
+                        "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": 200,
+                          "left": 55.81395720035743,
+                          "width": 5.03866958707847,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "0d0efc13-ae0e-4e1f-8d90-c8c508487fef": {
+                      "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": "{{}}"
+                            },
+                            "values": {
+                              "value": "{{['in_stock', 'yet_to_receive']}}"
+                            },
+                            "display_values": {
+                              "value": "{{['In stock', 'Yet to receive']}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "placeholder": {
+                              "value": "Select status..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "dropdown1",
+                        "displayName": "Dropdown",
+                        "description": "Select one value from options",
+                        "defaultSize": {
+                          "width": 8,
+                          "height": 30
+                        },
+                        "component": "DropDown",
+                        "validation": {
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": 2,
+                          "searchText": "",
+                          "label": "Select",
+                          "optionLabels": [
+                            "one",
+                            "two",
+                            "three"
+                          ],
+                          "selectedOptionLabel": "two"
+                        },
+                        "actions": [
+                          {
+                            "handle": "selectOption",
+                            "displayName": "Select option",
+                            "params": [
+                              {
+                                "handle": "select",
+                                "displayName": "Select"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                      "layouts": {
+                        "desktop": {
+                          "top": 140.00000762939453,
+                          "left": 67.44186885999612,
+                          "width": 12.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "withDefaultChildren": false
+                    },
+                    "5caec9ab-5eea-42be-bfb0-4a3783b388e9": {
+                      "id": "5caec9ab-5eea-42be-bfb0-4a3783b388e9",
+                      "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": "{{}}"
+                            },
+                            "values": {
+                              "value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                            },
+                            "display_values": {
+                              "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "placeholder": {
+                              "value": "Select category..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "dropdown2",
+                        "displayName": "Dropdown",
+                        "description": "Select one value from options",
+                        "defaultSize": {
+                          "width": 8,
+                          "height": 30
+                        },
+                        "component": "DropDown",
+                        "validation": {
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": 2,
+                          "searchText": "",
+                          "label": "Select",
+                          "optionLabels": [
+                            "one",
+                            "two",
+                            "three"
+                          ],
+                          "selectedOptionLabel": "two"
+                        },
+                        "actions": [
+                          {
+                            "handle": "selectOption",
+                            "displayName": "Select option",
+                            "params": [
+                              {
+                                "handle": "select",
+                                "displayName": "Select"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 200,
+                          "left": 67.4418446186934,
+                          "width": 12.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "5086fc5a-b6db-4b6d-b3b0-fd362c7a8bd2": {
+                      "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": "#dadcdeff"
+                            },
+                            "textColor": {
+                              "value": "#232e3c"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "{{0}}"
+                            },
+                            "maxValue": {
+                              "value": "1000"
+                            },
+                            "minValue": {
+                              "value": "1"
+                            },
+                            "placeholder": {
+                              "value": "{{components.numberinput1.value}}"
+                            },
+                            "decimalPlaces": {
+                              "value": "{{0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "numberinput1",
+                        "displayName": "Number Input",
+                        "description": "Number field for forms",
+                        "component": "NumberInput",
+                        "defaultSize": {
+                          "width": 4,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "value": 99
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                      "layouts": {
+                        "desktop": {
+                          "top": 140.00000762939453,
+                          "left": 20.930226913180842,
+                          "width": 12,
+                          "height": 40
+                        }
+                      },
+                      "withDefaultChildren": false
+                    },
+                    "5dcf6696-566a-44e6-a65d-1a5f6e9a453f": {
+                      "id": "5dcf6696-566a-44e6-a65d-1a5f6e9a453f",
+                      "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": "#dadcdeff"
+                            },
+                            "textColor": {
+                              "value": "#232e3c"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "0"
+                            },
+                            "maxValue": {
+                              "value": "999999"
+                            },
+                            "minValue": {
+                              "value": "0.50"
+                            },
+                            "placeholder": {
+                              "value": "{{components.numberinput2.value}}"
+                            },
+                            "decimalPlaces": {
+                              "value": "{{2}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "numberinput2",
+                        "displayName": "Number Input",
+                        "description": "Number field for forms",
+                        "component": "NumberInput",
+                        "defaultSize": {
+                          "width": 4,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "value": 99
+                        }
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 200.00000762939453,
+                          "left": 20.93028135805831,
+                          "width": 12,
+                          "height": 40
+                        }
+                      },
+                      "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                    },
+                    "cca6303c-ef16-4260-9372-4e7d9415c830": {
+                      "id": "cca6303c-ef16-4260-9372-4e7d9415c830",
+                      "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": "{{queries.colorPalette.data.navbarBg}}",
+                              "fxActive": true
+                            },
+                            "borderRadius": {
+                              "value": "10"
+                            },
+                            "borderColor": {
+                              "value": "#ffffff00",
+                              "fxActive": false
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 10px 1px #00000040",
+                              "fxActive": false
+                            }
+                          },
+                          "properties": {
+                            "visible": {
+                              "value": "{{true}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "container3",
+                        "displayName": "Container",
+                        "description": "Wrapper for multiple components",
+                        "defaultSize": {
+                          "width": 5,
+                          "height": 200
+                        },
+                        "component": "Container",
+                        "exposedVariables": {}
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 19.999927520751953,
+                          "left": 2.3255818809714563,
+                          "width": 41,
+                          "height": 200
+                        }
+                      }
+                    },
+                    "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e": {
+                      "id": "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.navbarText}}",
+                              "fxActive": true
+                            },
+                            "textSize": {
+                              "value": "{{24}}"
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": "{{1}}"
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 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<br>N D"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text34",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 30.000030517578125,
+                          "left": 2.325586532820495,
+                          "width": 2.999999999999999,
+                          "height": 50
+                        }
+                      },
+                      "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                    },
+                    "ad2d719a-06ef-4eda-9f11-8b2577ae8656": {
+                      "id": "ad2d719a-06ef-4eda-9f11-8b2577ae8656",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.navbarText}}",
+                              "fxActive": true
+                            },
+                            "textSize": {
+                              "value": "{{18}}"
+                            },
+                            "textAlign": {
+                              "value": "right"
+                            },
+                            "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": "Inventory Management"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text35",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 10.000022888183594,
+                          "left": 72.09301773246553,
+                          "width": 10.999999999999998,
+                          "height": 50
+                        }
+                      },
+                      "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                    },
+                    "c48605fb-d070-430a-acd6-b53c74a91542": {
+                      "id": "c48605fb-d070-430a-acd6-b53c74a91542",
+                      "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": "#ffffff1a",
+                              "fxActive": false
+                            },
+                            "borderRadius": {
+                              "value": "10"
+                            },
+                            "borderColor": {
+                              "value": "#ffffff00"
+                            },
+                            "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": "Wrapper for multiple components",
+                        "defaultSize": {
+                          "width": 5,
+                          "height": 200
+                        },
+                        "component": "Container",
+                        "exposedVariables": {}
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 69.99997329711914,
+                          "left": 53.48836566428588,
+                          "width": 19,
+                          "height": 100
+                        }
+                      },
+                      "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                    },
+                    "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e": {
+                      "id": "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#ffffffff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{12}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "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": "Qty in total"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text36",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 10,
+                          "left": 2.3255595483197293,
+                          "width": 9,
+                          "height": 30
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "f7378bb7-fc93-401d-b607-9b85d7597e58": {
+                      "id": "f7378bb7-fc93-401d-b607-9b85d7597e58",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#ffffffff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{24}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text37",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 40.00006103515625,
+                          "left": 2.325598714555765,
+                          "width": 9,
+                          "height": 40
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "e1486c23-dbb0-45dd-8c10-1e2ed444268a": {
+                      "id": "e1486c23-dbb0-45dd-8c10-1e2ed444268a",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#e1ffbcff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{12}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "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": "Qty in stock"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text38",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 10.00006103515625,
+                          "left": 27.906983557818467,
+                          "width": 9,
+                          "height": 30
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "d12b2033-5ea0-49c8-9c77-d3afff7e98fe": {
+                      "id": "d12b2033-5ea0-49c8-9c77-d3afff7e98fe",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#ffe4b1ff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{12}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "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": "Low in stock"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text39",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 10,
+                          "left": 53.488367883212355,
+                          "width": 9,
+                          "height": 30
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "b968e82f-6b90-4aa0-811d-99822f468432": {
+                      "id": "b968e82f-6b90-4aa0-811d-99822f468432",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#e1ffbcff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{24}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text40",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 40.000030517578125,
+                          "left": 27.90696726525265,
+                          "width": 9,
+                          "height": 40
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "9981da2a-e73b-4885-94f3-de13ea365a41": {
+                      "id": "9981da2a-e73b-4885-94f3-de13ea365a41",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#FFE4B1",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{24}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text41",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 40.00006103515625,
+                          "left": 53.488374549642096,
+                          "width": 9,
+                          "height": 40
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "7eec1073-d3c7-4c76-a658-875f5193660a": {
+                      "id": "7eec1073-d3c7-4c76-a658-875f5193660a",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#fd9eaaff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{12}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "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": "Out of stock"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text42",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 10,
+                          "left": 79.06977937741273,
+                          "width": 8,
+                          "height": 30
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "00ba0f12-bc7d-4f7d-82be-68098d4176e3": {
+                      "id": "00ba0f12-bc7d-4f7d-82be-68098d4176e3",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": ""
+                            },
+                            "textColor": {
+                              "value": "#fc9faaff",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{24}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text43",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 40.00006103515625,
+                          "left": 79.0697761556572,
+                          "width": 8,
+                          "height": 40
+                        }
+                      },
+                      "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                    },
+                    "10ae148a-73d0-4704-afe0-509701496a57": {
+                      "id": "10ae148a-73d0-4704-afe0-509701496a57",
+                      "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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.navbarBtnBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.navbarBtnText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.navbarBtnText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{5}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.navbarBtnBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Add new product"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button6",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "buttonText": "Button"
+                        },
+                        "actions": [
+                          {
+                            "handle": "click",
+                            "displayName": "Click"
+                          },
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "disable",
+                            "displayName": "Disable",
+                            "params": [
+                              {
+                                "handle": "disable",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Visibility",
+                            "params": [
+                              {
+                                "handle": "visible",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "loading",
+                            "displayName": "Loading",
+                            "params": [
+                              {
+                                "handle": "loading",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 130.00004959106445,
+                          "left": 2.3255673782109563,
+                          "width": 5,
+                          "height": 40
+                        }
+                      },
+                      "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                    },
+                    "c661499a-48fd-4c95-ace8-0a0b8af9d350": {
+                      "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                              "fxActive": true
+                            },
+                            "headerTextColor": {
+                              "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                              "fxActive": true
+                            },
+                            "bodyBackgroundColor": {
+                              "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "triggerButtonBackgroundColor": {
+                              "value": "#4D72FA"
+                            },
+                            "triggerButtonTextColor": {
+                              "value": "#ffffffff"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "title": {
+                              "value": "Remove product"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "useDefaultButton": {
+                              "value": "{{false}}"
+                            },
+                            "triggerButtonLabel": {
+                              "value": "Launch Modal"
+                            },
+                            "size": {
+                              "value": "sm"
+                            },
+                            "hideTitleBar": {
+                              "value": "{{false}}"
+                            },
+                            "hideCloseButton": {
+                              "value": "{{false}}"
+                            },
+                            "hideOnEsc": {
+                              "value": "{{true}}"
+                            },
+                            "closeOnClickingOutside": {
+                              "value": "{{false}}"
+                            },
+                            "modalHeight": {
+                              "value": "180px"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "modal3",
+                        "displayName": "Modal",
+                        "description": "Modal triggered by events",
+                        "component": "Modal",
+                        "defaultSize": {
+                          "width": 10,
+                          "height": 34
+                        },
+                        "exposedVariables": {
+                          "show": false
+                        },
+                        "actions": [
+                          {
+                            "handle": "open",
+                            "displayName": "Open"
+                          },
+                          {
+                            "handle": "close",
+                            "displayName": "Close"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 919.9999504089355,
+                          "left": 27.906962694408737,
+                          "width": 4,
+                          "height": 30
+                        }
+                      },
+                      "withDefaultChildren": false
+                    },
+                    "683d6ea7-919b-45ae-ac4b-bd1db7f7392a": {
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": "{{15}}"
+                            },
+                            "textAlign": {
+                              "value": "center"
+                            },
+                            "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": "<strong>Warning:</strong> This process is irreversible.<br>\nAre you sure you want to remove the product?"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text24",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
+                      "layouts": {
+                        "desktop": {
+                          "top": 19.999996185302734,
+                          "left": 4.651163317075356,
+                          "width": 39,
+                          "height": 70
+                        }
+                      },
+                      "withDefaultChildren": false
+                    },
+                    "16d754e1-5c47-48ca-bebb-2c05305b2381": {
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Button Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Loading State",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {
+                          "onClick": {
+                            "displayName": "On click"
+                          },
+                          "onHover": {
+                            "displayName": "On hover"
+                          }
+                        },
+                        "styles": {
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "loaderColor": {
+                            "type": "color",
+                            "displayName": "Loader color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderRadius": {
+                            "type": "number",
+                            "displayName": "Border radius",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderColor": {
+                            "type": "color",
+                            "displayName": "Border color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [
+                            {
+                              "eventId": "onClick",
+                              "actionId": "run-query",
+                              "message": "Hello world!",
+                              "alertType": "info",
+                              "queryId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
+                              "queryName": "tooljetdbRemoveProduct",
+                              "parameters": {}
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{5}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Remove"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbRemoveProduct.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button7",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "buttonText": "Button"
+                        },
+                        "actions": [
+                          {
+                            "handle": "click",
+                            "displayName": "Click"
+                          },
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "disable",
+                            "displayName": "Disable",
+                            "params": [
+                              {
+                                "handle": "disable",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Visibility",
+                            "params": [
+                              {
+                                "handle": "visible",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "loading",
+                            "displayName": "Loading",
+                            "params": [
+                              {
+                                "handle": "loading",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
+                      "layouts": {
+                        "desktop": {
+                          "top": 100,
+                          "left": 53.4883593562437,
+                          "width": 10.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "withDefaultChildren": false
+                    },
+                    "20479ec7-d720-4f70-be3a-79b580a6702c": {
+                      "id": "20479ec7-d720-4f70-be3a-79b580a6702c",
+                      "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": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{5}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Cancel"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button8",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "buttonText": "Button"
+                        },
+                        "actions": [
+                          {
+                            "handle": "click",
+                            "displayName": "Click"
+                          },
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "disable",
+                            "displayName": "Disable",
+                            "params": [
+                              {
+                                "handle": "disable",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Visibility",
+                            "params": [
+                              {
+                                "handle": "visible",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "loading",
+                            "displayName": "Loading",
+                            "params": [
+                              {
+                                "handle": "loading",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 99.99995803833008,
+                          "left": 23.255806746040598,
+                          "width": 10.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                    },
+                    "77c87ef4-529f-47fa-831a-05c96bb56518": {
+                      "id": "77c87ef4-529f-47fa-831a-05c96bb56518",
+                      "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"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                              "fxActive": true
+                            },
+                            "headerTextColor": {
+                              "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                              "fxActive": true
+                            },
+                            "bodyBackgroundColor": {
+                              "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "triggerButtonBackgroundColor": {
+                              "value": "#4a90e2ff",
+                              "fxActive": false
+                            },
+                            "triggerButtonTextColor": {
+                              "value": "#ffffffff"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "title": {
+                              "value": "Edit Product #{{components.table1.selectedRow.id}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "useDefaultButton": {
+                              "value": "{{false}}"
+                            },
+                            "triggerButtonLabel": {
+                              "value": "Add a Product"
+                            },
+                            "size": {
+                              "value": "lg"
+                            },
+                            "hideTitleBar": {
+                              "value": "{{false}}"
+                            },
+                            "hideCloseButton": {
+                              "value": "{{false}}"
+                            },
+                            "hideOnEsc": {
+                              "value": "{{true}}"
+                            },
+                            "closeOnClickingOutside": {
+                              "value": "{{false}}"
+                            },
+                            "modalHeight": {
+                              "value": "490px"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "modal2",
+                        "displayName": "Modal",
+                        "description": "Modal triggered by events",
+                        "component": "Modal",
+                        "defaultSize": {
+                          "width": 10,
+                          "height": 400
+                        },
+                        "exposedVariables": {
+                          "show": false
+                        },
+                        "actions": [
+                          {
+                            "handle": "open",
+                            "displayName": "Open"
+                          },
+                          {
+                            "handle": "close",
+                            "displayName": "Close"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 920.0000610351562,
+                          "left": 16.279071708163297,
+                          "width": 4,
+                          "height": 30
+                        }
+                      }
+                    },
+                    "580ea5ee-1870-4b17-9e90-a470164586a5": {
+                      "id": "580ea5ee-1870-4b17-9e90-a470164586a5",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Button Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Loading State",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {
+                          "onClick": {
+                            "displayName": "On click"
+                          },
+                          "onHover": {
+                            "displayName": "On hover"
+                          }
+                        },
+                        "styles": {
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "loaderColor": {
+                            "type": "color",
+                            "displayName": "Loader color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderRadius": {
+                            "type": "number",
+                            "displayName": "Border radius",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              },
+                              "defaultValue": false
+                            }
+                          },
+                          "borderColor": {
+                            "type": "color",
+                            "displayName": "Border color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              },
+                              "defaultValue": false
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [
+                            {
+                              "eventId": "onClick",
+                              "actionId": "run-query",
+                              "message": "Hello world!",
+                              "alertType": "info",
+                              "queryId": "65d4cafc-537f-4874-8153-393f4108c0cb",
+                              "queryName": "tooljetdbUpdateProduct",
+                              "parameters": {}
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{6}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
+                              "fxActive": true
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Save changes"
+                            },
+                            "loadingState": {
+                              "value": "{{queries.tooljetdbUpdateProduct.isLoading}}",
+                              "fxActive": true
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button9",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {},
+                        "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": 420.0000057220459,
+                          "left": 79.06978899941035,
+                          "width": 6.992977528089888,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb": {
+                      "id": "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb",
+                      "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": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                            }
+                          ],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                              "fxActive": true
+                            },
+                            "textColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "loaderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                              "fxActive": true
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "borderRadius": {
+                              "value": "{{5}}"
+                            },
+                            "borderColor": {
+                              "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                              "fxActive": true
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Cancel"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "button10",
+                        "displayName": "Button",
+                        "description": "Trigger actions: queries, alerts etc",
+                        "component": "Button",
+                        "defaultSize": {
+                          "width": 3,
+                          "height": 30
+                        },
+                        "exposedVariables": {},
+                        "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": 419.99999237060547,
+                          "left": 65.08360269503015,
+                          "width": 5.026685393258427,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38": {
+                      "id": "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Quantity"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text25",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140,
+                          "left": 4.651161786086923,
+                          "width": 7,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "19bce438-a2ca-41af-8055-46cfb3933872": {
+                      "id": "19bce438-a2ca-41af-8055-46cfb3933872",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "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"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Product Details"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text26",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 20,
+                          "left": 4.651161793912395,
+                          "width": 15,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108": {
+                      "id": "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108",
+                      "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": "#C1C8CD",
+                              "fxActive": true
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {},
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "verticaldivider3",
+                        "displayName": "Vertical Divider",
+                        "description": "Vertical Separator between components",
+                        "component": "VerticalDivider",
+                        "defaultSize": {
+                          "width": 2,
+                          "height": 100
+                        },
+                        "exposedVariables": {
+                          "value": {}
+                        }
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140,
+                          "left": 51.162797507362264,
+                          "width": 1,
+                          "height": 100
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "b50551e1-ded0-4f02-b432-9cf7928b6749": {
+                      "id": "b50551e1-ded0-4f02-b432-9cf7928b6749",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Price ($)"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text27",
+                        "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": 200,
+                          "left": 4.651155125512338,
+                          "width": 6,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "1f67445b-4161-4ee3-94d9-4f1bdb10f792": {
+                      "id": "1f67445b-4161-4ee3-94d9-4f1bdb10f792",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Status"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text28",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140,
+                          "left": 55.81395137164659,
+                          "width": 5.03866958707847,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "ff78a251-d9be-44c1-a67b-fd3cf8e00247": {
+                      "id": "ff78a251-d9be-44c1-a67b-fd3cf8e00247",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Description"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text29",
+                        "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": 260.0000114440918,
+                          "left": 4.651164969781484,
+                          "width": 14.943668648140722,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "90cdac46-ceef-4608-a69a-3886fd90f937": {
+                      "id": "90cdac46-ceef-4608-a69a-3886fd90f937",
+                      "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": {},
+                        "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"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "{{components.table1.selectedRow.description}}"
+                            },
+                            "placeholder": {
+                              "value": "Enter product description..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "textarea3",
+                        "displayName": "Textarea",
+                        "description": "Text area form field",
+                        "component": "TextArea",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 100
+                        },
+                        "exposedVariables": {
+                          "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "clear",
+                            "displayName": "Clear"
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 300.0000476837158,
+                          "left": 4.6511335594497325,
+                          "width": 39.00000000000001,
+                          "height": 100
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "e24173bd-0905-471a-b0d3-c3eff137b02d": {
+                      "id": "e24173bd-0905-471a-b0d3-c3eff137b02d",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Product name"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text30",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 80,
+                          "left": 4.651160213588963,
+                          "width": 6.992977528089888,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "988267b6-4523-4a8d-82db-ceae70601f42": {
+                      "id": "988267b6-4523-4a8d-82db-ceae70601f42",
+                      "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": null
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "{{components.table1.selectedRow.product_name}}"
+                            },
+                            "placeholder": {
+                              "value": "Enter product name"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "textinput2",
+                        "displayName": "Text Input",
+                        "description": "Text field for forms",
+                        "component": "TextInput",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "validation": {
+                          "regex": {
+                            "type": "code",
+                            "displayName": "Regex"
+                          },
+                          "minLength": {
+                            "type": "code",
+                            "displayName": "Min length"
+                          },
+                          "maxLength": {
+                            "type": "code",
+                            "displayName": "Max length"
+                          },
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": ""
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "text",
+                                "defaultValue": "New Text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "clear",
+                            "displayName": "Clear"
+                          },
+                          {
+                            "handle": "setFocus",
+                            "displayName": "Set focus"
+                          },
+                          {
+                            "handle": "setBlur",
+                            "displayName": "Set blur"
+                          },
+                          {
+                            "handle": "disable",
+                            "displayName": "Disable",
+                            "params": [
+                              {
+                                "handle": "disable",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 79.99998474121094,
+                          "left": 20.930219677504155,
+                          "width": 32,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87": {
+                      "id": "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87",
+                      "component": {
+                        "properties": {
+                          "text": {
+                            "type": "code",
+                            "displayName": "Text",
+                            "validation": {
+                              "schema": {
+                                "type": "union",
+                                "schemas": [
+                                  {
+                                    "type": "string"
+                                  },
+                                  {
+                                    "type": "number"
+                                  }
+                                ]
+                              }
+                            }
+                          },
+                          "loadingState": {
+                            "type": "toggle",
+                            "displayName": "Show loading state",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "general": {
+                          "tooltip": {
+                            "type": "code",
+                            "displayName": "Tooltip",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          }
+                        },
+                        "others": {
+                          "showOnDesktop": {
+                            "type": "toggle",
+                            "displayName": "Show on desktop"
+                          },
+                          "showOnMobile": {
+                            "type": "toggle",
+                            "displayName": "Show on mobile"
+                          }
+                        },
+                        "events": {},
+                        "styles": {
+                          "fontWeight": {
+                            "type": "select",
+                            "displayName": "Font Weight",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "bold",
+                                "value": "bold"
+                              },
+                              {
+                                "name": "lighter",
+                                "value": "lighter"
+                              },
+                              {
+                                "name": "bolder",
+                                "value": "bolder"
+                              }
+                            ]
+                          },
+                          "decoration": {
+                            "type": "select",
+                            "displayName": "Text Decoration",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "overline",
+                                "value": "overline"
+                              },
+                              {
+                                "name": "line-through",
+                                "value": "line-through"
+                              },
+                              {
+                                "name": "underline",
+                                "value": "underline"
+                              },
+                              {
+                                "name": "overline underline",
+                                "value": "overline underline"
+                              }
+                            ]
+                          },
+                          "transformation": {
+                            "type": "select",
+                            "displayName": "Text Transformation",
+                            "options": [
+                              {
+                                "name": "none",
+                                "value": "none"
+                              },
+                              {
+                                "name": "uppercase",
+                                "value": "uppercase"
+                              },
+                              {
+                                "name": "lowercase",
+                                "value": "lowercase"
+                              },
+                              {
+                                "name": "capitalize",
+                                "value": "capitalize"
+                              }
+                            ]
+                          },
+                          "fontStyle": {
+                            "type": "select",
+                            "displayName": "Font Style",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "italic",
+                                "value": "italic"
+                              },
+                              {
+                                "name": "oblique",
+                                "value": "oblique"
+                              }
+                            ]
+                          },
+                          "lineHeight": {
+                            "type": "number",
+                            "displayName": "Line Height"
+                          },
+                          "textIndent": {
+                            "type": "number",
+                            "displayName": "Text Indent"
+                          },
+                          "letterSpacing": {
+                            "type": "number",
+                            "displayName": "Letter Spacing"
+                          },
+                          "wordSpacing": {
+                            "type": "number",
+                            "displayName": "Word Spacing"
+                          },
+                          "fontVariant": {
+                            "type": "select",
+                            "displayName": "Font Variant",
+                            "options": [
+                              {
+                                "name": "normal",
+                                "value": "normal"
+                              },
+                              {
+                                "name": "small-caps",
+                                "value": "small-caps"
+                              },
+                              {
+                                "name": "initial",
+                                "value": "initial"
+                              },
+                              {
+                                "name": "inherit",
+                                "value": "inherit"
+                              }
+                            ]
+                          },
+                          "textSize": {
+                            "type": "number",
+                            "displayName": "Text Size",
+                            "validation": {
+                              "schema": {
+                                "type": "number"
+                              }
+                            }
+                          },
+                          "backgroundColor": {
+                            "type": "color",
+                            "displayName": "Background Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textColor": {
+                            "type": "color",
+                            "displayName": "Text Color",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "textAlign": {
+                            "type": "alignButtons",
+                            "displayName": "Align Text",
+                            "validation": {
+                              "schema": {
+                                "type": "string"
+                              }
+                            }
+                          },
+                          "visibility": {
+                            "type": "toggle",
+                            "displayName": "Visibility",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          },
+                          "disabledState": {
+                            "type": "toggle",
+                            "displayName": "Disable",
+                            "validation": {
+                              "schema": {
+                                "type": "boolean"
+                              }
+                            }
+                          }
+                        },
+                        "validate": true,
+                        "generalStyles": {
+                          "boxShadow": {
+                            "type": "boxShadow",
+                            "displayName": "Box Shadow"
+                          }
+                        },
+                        "definition": {
+                          "others": {
+                            "showOnDesktop": {
+                              "value": "{{true}}"
+                            },
+                            "showOnMobile": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "events": [],
+                          "styles": {
+                            "backgroundColor": {
+                              "value": "#fff00000"
+                            },
+                            "textColor": {
+                              "value": "",
+                              "fxActive": false
+                            },
+                            "textSize": {
+                              "value": 14
+                            },
+                            "textAlign": {
+                              "value": "left"
+                            },
+                            "fontWeight": {
+                              "value": "bold"
+                            },
+                            "decoration": {
+                              "value": "none"
+                            },
+                            "transformation": {
+                              "value": "none"
+                            },
+                            "fontStyle": {
+                              "value": "normal"
+                            },
+                            "lineHeight": {
+                              "value": 1.5
+                            },
+                            "textIndent": {
+                              "value": 0
+                            },
+                            "letterSpacing": {
+                              "value": 0
+                            },
+                            "wordSpacing": {
+                              "value": 0
+                            },
+                            "fontVariant": {
+                              "value": "normal"
+                            },
+                            "visibility": {
+                              "value": "{{true}}"
+                            },
+                            "disabledState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "text": {
+                              "value": "Category"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "text31",
+                        "displayName": "Text",
+                        "description": "Display markdown or HTML",
+                        "component": "Text",
+                        "defaultSize": {
+                          "width": 6,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "text": "Hello, there!"
+                        },
+                        "actions": [
+                          {
+                            "handle": "setText",
+                            "displayName": "Set Text",
+                            "params": [
+                              {
+                                "handle": "text",
+                                "displayName": "Text",
+                                "defaultValue": "New text"
+                              }
+                            ]
+                          },
+                          {
+                            "handle": "visibility",
+                            "displayName": "Set Visibility",
+                            "params": [
+                              {
+                                "handle": "visibility",
+                                "displayName": "Value",
+                                "defaultValue": "{{false}}",
+                                "type": "toggle"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 200,
+                          "left": 55.813963751906705,
+                          "width": 5.03866958707847,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "7ea12940-680e-4ac1-b83b-8200aa3e4c42": {
+                      "id": "7ea12940-680e-4ac1-b83b-8200aa3e4c42",
+                      "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.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
+                            },
+                            "values": {
+                              "value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
+                            },
+                            "display_values": {
+                              "value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "placeholder": {
+                              "value": "Select status..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "dropdown5",
+                        "displayName": "Dropdown",
+                        "description": "Select one value from options",
+                        "defaultSize": {
+                          "width": 8,
+                          "height": 30
+                        },
+                        "component": "DropDown",
+                        "validation": {
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": 2,
+                          "searchText": "",
+                          "label": "Select",
+                          "optionLabels": [
+                            "one",
+                            "two",
+                            "three"
+                          ],
+                          "selectedOptionLabel": "two"
+                        },
+                        "actions": [
+                          {
+                            "handle": "selectOption",
+                            "displayName": "Select option",
+                            "params": [
+                              {
+                                "handle": "select",
+                                "displayName": "Select"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 140.00002098083496,
+                          "left": 67.44186541127978,
+                          "width": 12.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "da9c2558-72a6-40de-8316-280e94ab09ff": {
+                      "id": "da9c2558-72a6-40de-8316-280e94ab09ff",
+                      "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.category}}"
+                            },
+                            "values": {
+                              "value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                            },
+                            "display_values": {
+                              "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            },
+                            "placeholder": {
+                              "value": "Select category..."
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "dropdown6",
+                        "displayName": "Dropdown",
+                        "description": "Select one value from options",
+                        "defaultSize": {
+                          "width": 8,
+                          "height": 30
+                        },
+                        "component": "DropDown",
+                        "validation": {
+                          "customRule": {
+                            "type": "code",
+                            "displayName": "Custom validation"
+                          }
+                        },
+                        "exposedVariables": {
+                          "value": 2,
+                          "searchText": "",
+                          "label": "Select",
+                          "optionLabels": [
+                            "one",
+                            "two",
+                            "three"
+                          ],
+                          "selectedOptionLabel": "two"
+                        },
+                        "actions": [
+                          {
+                            "handle": "selectOption",
+                            "displayName": "Select option",
+                            "params": [
+                              {
+                                "handle": "select",
+                                "displayName": "Select"
+                              }
+                            ]
+                          }
+                        ]
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 199.99999046325684,
+                          "left": 67.44184492717345,
+                          "width": 12.000000000000002,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3": {
+                      "id": "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3",
+                      "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": "#dadcdeff"
+                            },
+                            "textColor": {
+                              "value": "#232e3c"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "{{components.table1.selectedRow.quantity}}"
+                            },
+                            "maxValue": {
+                              "value": "1000"
+                            },
+                            "minValue": {
+                              "value": "0"
+                            },
+                            "placeholder": {
+                              "value": "{{components.numberinput5.value}}"
+                            },
+                            "decimalPlaces": {
+                              "value": "{{0}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "numberinput5",
+                        "displayName": "Number Input",
+                        "description": "Number field for forms",
+                        "component": "NumberInput",
+                        "defaultSize": {
+                          "width": 4,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "value": 99
+                        }
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 139.9999942779541,
+                          "left": 20.930229033515786,
+                          "width": 12,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    },
+                    "52c88014-8084-41e4-bbad-069fcbf4c89c": {
+                      "id": "52c88014-8084-41e4-bbad-069fcbf4c89c",
+                      "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": "#dadcdeff"
+                            },
+                            "textColor": {
+                              "value": "#232e3c"
+                            }
+                          },
+                          "generalStyles": {
+                            "boxShadow": {
+                              "value": "0px 0px 0px 0px #00000040"
+                            }
+                          },
+                          "properties": {
+                            "value": {
+                              "value": "{{components.table1.selectedRow.price}}"
+                            },
+                            "maxValue": {
+                              "value": "999999"
+                            },
+                            "minValue": {
+                              "value": "0.50"
+                            },
+                            "placeholder": {
+                              "value": "{{components.numberinput6.value}}"
+                            },
+                            "decimalPlaces": {
+                              "value": "{{2}}"
+                            },
+                            "loadingState": {
+                              "value": "{{false}}"
+                            }
+                          },
+                          "general": {},
+                          "exposedVariables": {}
+                        },
+                        "name": "numberinput6",
+                        "displayName": "Number Input",
+                        "description": "Number field for forms",
+                        "component": "NumberInput",
+                        "defaultSize": {
+                          "width": 4,
+                          "height": 30
+                        },
+                        "exposedVariables": {
+                          "value": 99
+                        }
+                      },
+                      "layouts": {
+                        "desktop": {
+                          "top": 200,
+                          "left": 20.930284607776873,
+                          "width": 12,
+                          "height": 40
+                        }
+                      },
+                      "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                    }
+                  },
+                  "events": [
+                    {
+                      "eventId": "onPageLoad",
+                      "actionId": "run-query",
+                      "message": "Hello world!",
+                      "alertType": "info",
+                      "queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
+                      "queryName": "tooljetdbGetProducts",
+                      "parameters": {}
+                    }
+                  ]
+                }
+              },
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": "100000",
+                "canvasMaxWidthType": "px",
+                "canvasMaxHeight": "1000",
+                "backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}",
+                "canvasBackgroundColor": "#ffffff"
+              }
+            },
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": "1000",
+              "backgroundFxQuery": "",
+              "canvasBackgroundColor": ""
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+            "appId": "ac5b4319-11ba-45e7-937b-1263e17800bd",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-04-26T09:17:58.938Z",
+            "updatedAt": "2024-05-10T11:38:31.639Z"
+          },
+          "components": [
+            {
+              "id": "7ef28db8-10bd-4470-9246-93e0df1559c3",
+              "name": "button9",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Save changes"
+                },
+                "loadingState": {
+                  "value": "{{queries.updateProduct.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "096fb940-504a-4539-8512-86f4d29e83b3",
+                  "type": "desktop",
+                  "top": 420,
+                  "left": 34,
+                  "width": 6.992977528089888,
+                  "height": 40,
+                  "componentId": "7ef28db8-10bd-4470-9246-93e0df1559c3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ecca2480-bb80-4788-be25-e79a0e6c38ab",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "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": "{{['in_stock', 'yet_to_receive']}}"
+                },
+                "display_values": {
+                  "value": "{{['In stock', 'Yet to receive']}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select status..."
+                }
+              },
+              "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "ca5e1572-a43e-4cb0-bcfe-bf2c823da309",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 29,
+                  "width": 12.000000000000002,
+                  "height": 40,
+                  "componentId": "ecca2480-bb80-4788-be25-e79a0e6c38ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "eaf60b95-ff24-4831-8f63-a9f5be964ab9",
+              "name": "textinput4",
+              "type": "TextInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter product name"
+                },
+                "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": null
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "5e515215-2510-4929-9358-0b6430fe6136",
+                  "type": "desktop",
+                  "top": 79.99996948242188,
+                  "left": 9,
+                  "width": 32,
+                  "height": 40,
+                  "componentId": "eaf60b95-ff24-4831-8f63-a9f5be964ab9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "7241c78e-4f1f-4b7a-ab35-51451e52dcb2",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "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": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select category..."
+                }
+              },
+              "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "da56570b-89c5-4bcf-9d9d-43e3c297f1e9",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 29,
+                  "width": 12.000000000000002,
+                  "height": 40,
+                  "componentId": "7241c78e-4f1f-4b7a-ab35-51451e52dcb2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "82ab6b23-1a37-461c-ba9d-5594b976b551",
+              "name": "text37",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "12d9fab0-a42a-4903-87eb-2208f678108e",
+                  "type": "desktop",
+                  "top": 40.00006103515625,
+                  "left": 1,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "82ab6b23-1a37-461c-ba9d-5594b976b551",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "name": "container4",
+              "type": "Container",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff1a",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "11bd5381-aae4-4f7e-94de-1372e9cccf9d",
+                  "type": "desktop",
+                  "top": 69.99996185302734,
+                  "left": 23,
+                  "width": 19,
+                  "height": 100,
+                  "componentId": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a8b5845e-1eaa-49ce-9ccd-94b333b57430",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Add product"
+                },
+                "loadingState": {
+                  "value": "{{queries.addProduct.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "f40e1714-194d-4172-824b-c999d225857b",
+                  "type": "desktop",
+                  "top": 420.0000305175781,
+                  "left": 34,
+                  "width": 6.992977528089888,
+                  "height": 40,
+                  "componentId": "a8b5845e-1eaa-49ce-9ccd-94b333b57430",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "931204e3-8cf0-4730-88c3-7c0cfb91d3aa",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter product description..."
+                }
+              },
+              "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": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "9fb9b56f-7863-4aaf-a2e3-91c73aee8bd7",
+                  "type": "desktop",
+                  "top": 299.9999942779541,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "931204e3-8cf0-4730-88c3-7c0cfb91d3aa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "c7d434b0-bf34-4b97-8017-0d7db7bef562",
+              "name": "numberinput1",
+              "type": "NumberInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "value": {
+                  "value": "{{0}}"
+                },
+                "placeholder": {
+                  "value": "{{components.numberinput1.value}}"
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "label": ""
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#dadcdeff"
+                },
+                "textColor": {
+                  "value": "#232e3c"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                },
+                "maxValue": {
+                  "value": "1000"
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "fb57a878-9a73-4f3a-9cce-7f932de7bdf5",
+                  "type": "desktop",
+                  "top": 140.00005340576172,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "c7d434b0-bf34-4b97-8017-0d7db7bef562",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "dc16fc96-c99a-4363-ab8f-3c6568c8cf4f",
+              "name": "textarea3",
+              "type": "TextArea",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.description}}"
+                },
+                "placeholder": {
+                  "value": "Enter product description..."
+                }
+              },
+              "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": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "5ac1d2fc-9964-40d6-8bac-47cffe5046e7",
+                  "type": "desktop",
+                  "top": 300.0000400543213,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "dc16fc96-c99a-4363-ab8f-3c6568c8cf4f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": null,
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 10px 1px #00000040",
+                  "fxActive": false
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "d2b89ccd-c63a-400f-99f1-de36c7bfd473",
+                  "type": "desktop",
+                  "top": 19.999927520751953,
+                  "left": 1,
+                  "width": 41,
+                  "height": 200,
+                  "componentId": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "71a695f0-4079-4e4a-a8df-9e48d9bcd34e",
+              "name": "text34",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+              "properties": {
+                "text": {
+                  "value": "B R<br>N D"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1}}"
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "35b82477-2963-42d8-ab7c-f7c73f075f13",
+                  "type": "desktop",
+                  "top": 30.000030517578125,
+                  "left": 1,
+                  "width": 2.999999999999999,
+                  "height": 50,
+                  "componentId": "71a695f0-4079-4e4a-a8df-9e48d9bcd34e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "3d6287aa-379b-4b00-a7bb-373af454d889",
+              "name": "text42",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "Out of stock"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#fd9eaaff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{12}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "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"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "64a90c98-c81d-4459-834d-b4d076f2d251",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 34,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "3d6287aa-379b-4b00-a7bb-373af454d889",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "19ac2ae4-b54a-4bca-9ede-a4b3f07438f5",
+              "name": "text25",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Quantity"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "90272bdb-7e24-4f81-9da6-678ebf39cd0a",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "19ac2ae4-b54a-4bca-9ede-a4b3f07438f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "4a8aa830-55d7-4b6c-92c9-aaf7ddb29cd2",
+              "name": "verticaldivider3",
+              "type": "VerticalDivider",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "dividerColor": {
+                  "value": "#C1C8CD",
+                  "fxActive": true
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "0b53d8f4-ca74-439b-903c-36fbc30506b8",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 22,
+                  "width": 1,
+                  "height": 100,
+                  "componentId": "4a8aa830-55d7-4b6c-92c9-aaf7ddb29cd2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a2afea55-6ef7-45fe-a518-d3e1e1db6012",
+              "name": "text27",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Price ($)"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "03b3a2fe-36d5-4956-b6c1-f7e1345e4316",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "a2afea55-6ef7-45fe-a518-d3e1e1db6012",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "14a019ef-904e-4142-bace-7aa76c80cc00",
+              "name": "text28",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Status"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "ee2994e4-8110-4640-b5c3-eee6a2447eba",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 24,
+                  "width": 5.03866958707847,
+                  "height": 40,
+                  "componentId": "14a019ef-904e-4142-bace-7aa76c80cc00",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "586611fe-4c2d-4092-ad32-197be5bdbed5",
+              "name": "text29",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "f9a65167-4cfe-4ea5-a976-8968b2bb0b9d",
+                  "type": "desktop",
+                  "top": 260.0000114440918,
+                  "left": 2,
+                  "width": 14.943668648140722,
+                  "height": 40,
+                  "componentId": "586611fe-4c2d-4092-ad32-197be5bdbed5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "5529c696-5516-4ea8-9cce-034a95539611",
+              "name": "text30",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Product name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "93245b58-914d-42fa-9b0e-9bb42dddc625",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 2,
+                  "width": 6.992977528089888,
+                  "height": 40,
+                  "componentId": "5529c696-5516-4ea8-9cce-034a95539611",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "078f8aed-55f8-4cc7-a45b-02b1b41c233e",
+              "name": "text31",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Category"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "8e13dafb-b564-4031-8d82-4b6a5b534539",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 24,
+                  "width": 5.03866958707847,
+                  "height": 40,
+                  "componentId": "078f8aed-55f8-4cc7-a45b-02b1b41c233e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "9502b4ad-5f14-476e-8421-4f84508af0fc",
+              "name": "dropdown5",
+              "type": "DropDown",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "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.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
+                },
+                "values": {
+                  "value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
+                },
+                "display_values": {
+                  "value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select status..."
+                }
+              },
+              "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "f6939818-ce2c-48f3-992b-8c090de2aca4",
+                  "type": "desktop",
+                  "top": 140.00002098083496,
+                  "left": 29,
+                  "width": 12.000000000000002,
+                  "height": 40,
+                  "componentId": "9502b4ad-5f14-476e-8421-4f84508af0fc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a6d740c3-d9af-4042-9fdd-6d9471d30414",
+              "name": "dropdown6",
+              "type": "DropDown",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "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.category}}"
+                },
+                "values": {
+                  "value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select category..."
+                }
+              },
+              "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "7013562d-1216-40f3-ae99-ced0bec768f3",
+                  "type": "desktop",
+                  "top": 199.99999046325684,
+                  "left": 29,
+                  "width": 12.000000000000002,
+                  "height": 40,
+                  "componentId": "a6d740c3-d9af-4042-9fdd-6d9471d30414",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "d17eb4ad-eb08-4149-aa04-45331bec615c",
+              "name": "numberinput5",
+              "type": "NumberInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.quantity}}"
+                },
+                "placeholder": {
+                  "value": "{{components.numberinput5.value}}"
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "label": ""
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#dadcdeff"
+                },
+                "textColor": {
+                  "value": "#232e3c"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0"
+                },
+                "maxValue": {
+                  "value": "1000"
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "772c775f-0778-4c6c-a6ae-d458fc93a9cb",
+                  "type": "desktop",
+                  "top": 139.9999942779541,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "d17eb4ad-eb08-4149-aa04-45331bec615c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "cff8c68c-dd3a-48e3-9f76-99fded1c9f4e",
+              "name": "numberinput6",
+              "type": "NumberInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.price}}"
+                },
+                "placeholder": {
+                  "value": "{{components.numberinput6.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": "#dadcdeff"
+                },
+                "textColor": {
+                  "value": "#232e3c"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.50"
+                },
+                "maxValue": {
+                  "value": "999999"
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "6990e42d-4069-491d-861f-2fb7591f23cb",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "cff8c68c-dd3a-48e3-9f76-99fded1c9f4e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a1844ba2-dbf7-4122-8e8e-e5390854eee4",
+              "name": "text36",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "Qty in total"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{12}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "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"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "bffdeeaa-da43-442f-8057-80a5d239da01",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 9,
+                  "height": 30,
+                  "componentId": "a1844ba2-dbf7-4122-8e8e-e5390854eee4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "d573d269-82f1-4272-9831-773ccccf6165",
+              "name": "text35",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+              "properties": {
+                "text": {
+                  "value": "Inventory Management"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{18}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "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"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "18df25c0-323b-4ca9-9309-c471ed887dfa",
+                  "type": "desktop",
+                  "top": 10.000022888183594,
+                  "left": 31,
+                  "width": 10.999999999999998,
+                  "height": 50,
+                  "componentId": "d573d269-82f1-4272-9831-773ccccf6165",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Add a Product"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "triggerButtonLabel": {
+                  "value": "Add a Product"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "hideTitleBar": {
+                  "value": "{{false}}"
+                },
+                "hideCloseButton": {
+                  "value": "{{false}}"
+                },
+                "hideOnEsc": {
+                  "value": "{{true}}"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "490px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "bodyBackgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "triggerButtonBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "triggerButtonTextColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "57402a1a-00d2-4ec9-9b39-c874ed4ddd6c",
+                  "type": "desktop",
+                  "top": 920.0000305175781,
+                  "left": 2,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "c9220b45-d95a-450f-8002-852e10e8bec9",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Product Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "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"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "822c0616-2737-4dcf-a102-b664dce0f371",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 15,
+                  "height": 40,
+                  "componentId": "c9220b45-d95a-450f-8002-852e10e8bec9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "fbf335bd-fa2a-47f9-9bbb-6e0f1e85cf6e",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Product name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "003fa2f1-bfe6-47cb-b38e-9b011a736b8c",
+                  "type": "desktop",
+                  "top": 80.00003051757812,
+                  "left": 2,
+                  "width": 6.992977528089888,
+                  "height": 40,
+                  "componentId": "fbf335bd-fa2a-47f9-9bbb-6e0f1e85cf6e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "9a7c3ef0-e729-4a13-b7d1-64616416b3b6",
+              "name": "text26",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Product Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "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"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "823c9239-a162-48f7-95d5-fca18141d71b",
+                  "type": "desktop",
+                  "top": 19.99999237060547,
+                  "left": 2,
+                  "width": 15,
+                  "height": 40,
+                  "componentId": "9a7c3ef0-e729-4a13-b7d1-64616416b3b6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "86b7b9bf-db8c-4335-a1e4-71852df4eade",
+              "name": "text40",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#e1ffbcff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "5532298d-3837-4626-ba05-7941399d2265",
+                  "type": "desktop",
+                  "top": 40.000030517578125,
+                  "left": 12,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "86b7b9bf-db8c-4335-a1e4-71852df4eade",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "f7c7f42e-9e19-4f9c-8fb6-be3c36ecad5d",
+              "name": "text41",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#FFE4B1",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "712d4754-c887-4933-87a5-dbcd19310a58",
+                  "type": "desktop",
+                  "top": 40.00006103515625,
+                  "left": 23,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "f7c7f42e-9e19-4f9c-8fb6-be3c36ecad5d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "e74a1bf3-c076-47d9-8dbe-e7813b1fad1c",
+              "name": "text43",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#fc9faaff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "ba6d857e-cee5-44a1-b44c-3a2b36557390",
+                  "type": "desktop",
+                  "top": 40.00006103515625,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "e74a1bf3-c076-47d9-8dbe-e7813b1fad1c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "e435e832-3942-4ba5-b68a-26deea029f6d",
+              "name": "text38",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "Qty in stock"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#e1ffbcff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{12}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "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"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "11af529c-7d38-4002-93ba-f3916d9b5826",
+                  "type": "desktop",
+                  "top": 10.00006103515625,
+                  "left": 12,
+                  "width": 9,
+                  "height": 30,
+                  "componentId": "e435e832-3942-4ba5-b68a-26deea029f6d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ad646ce6-4f54-4b3d-a82d-c8796ca8c9cf",
+              "name": "text39",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "aa7afd60-1649-4fd6-9708-cd1b3fb22b94",
+              "properties": {
+                "text": {
+                  "value": "Low in stock"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": ""
+                },
+                "textColor": {
+                  "value": "#ffe4b1ff",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{12}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "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"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "0d91fc03-0338-4e5e-8e92-6220e3d1927f",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 23,
+                  "width": 9,
+                  "height": 30,
+                  "componentId": "ad646ce6-4f54-4b3d-a82d-c8796ca8c9cf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "3be1ae92-0085-4b6f-bd5c-448a4b38059e",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.product_name}}"
+                },
+                "placeholder": {
+                  "value": "Enter product name"
+                },
+                "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": null
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "76065c5e-f17f-4686-a28d-7a32391dbe3d",
+                  "type": "desktop",
+                  "top": 79.99998092651367,
+                  "left": 9,
+                  "width": 32,
+                  "height": 40,
+                  "componentId": "3be1ae92-0085-4b6f-bd5c-448a4b38059e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a67f087b-468e-450f-b7d0-1708b96b3131",
+              "name": "text24",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+              "properties": {
+                "text": {
+                  "value": "<strong>⚠️ Warning:</strong> This process is irreversible.<br>\nAre you sure you want to remove the product?"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{15}}"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "634cec79-f352-44d1-84ab-da13a80faaaa",
+                  "type": "desktop",
+                  "top": 19.99994659423828,
+                  "left": 2,
+                  "width": 39,
+                  "height": 70,
+                  "componentId": "a67f087b-468e-450f-b7d0-1708b96b3131",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Remove product"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "triggerButtonLabel": {
+                  "value": "Launch Modal"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "hideTitleBar": {
+                  "value": "{{false}}"
+                },
+                "hideCloseButton": {
+                  "value": "{{false}}"
+                },
+                "hideOnEsc": {
+                  "value": "{{true}}"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "180px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "bodyBackgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{false}}"
+                },
+                "triggerButtonBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "triggerButtonTextColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "49a9c59d-bc2a-4449-9dd1-88829c638c36",
+                  "type": "desktop",
+                  "top": 919.999927520752,
+                  "left": 12,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "f97acc62-46ec-4445-909d-723098027a78",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit Product #{{components.table1.selectedRow.id}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "triggerButtonLabel": {
+                  "value": "Add a Product"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "hideTitleBar": {
+                  "value": "{{false}}"
+                },
+                "hideCloseButton": {
+                  "value": "{{false}}"
+                },
+                "hideOnEsc": {
+                  "value": "{{true}}"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "490px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "headerTextColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "bodyBackgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "triggerButtonBackgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "triggerButtonTextColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "d9e20242-08f8-4398-a145-ccec7ed44e34",
+                  "type": "desktop",
+                  "top": 920.0001201629639,
+                  "left": 7,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "f97acc62-46ec-4445-909d-723098027a78",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ea952068-205b-4f74-a2e5-aed139292bf4",
+              "name": "button10",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "f97acc62-46ec-4445-909d-723098027a78",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d7e37b01-da7c-4eab-8207-e05acab88e90",
+                  "type": "desktop",
+                  "top": 419.9999885559082,
+                  "left": 28,
+                  "width": 5.026685393258427,
+                  "height": 40,
+                  "componentId": "ea952068-205b-4f74-a2e5-aed139292bf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "b9f31a01-cc73-4e96-b926-9e022cf10d7d",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "value": {
+                  "value": "0"
+                },
+                "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": "#dadcdeff"
+                },
+                "textColor": {
+                  "value": "#232e3c"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                },
+                "maxValue": {
+                  "value": "999999.99"
+                }
+              },
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "f33cd769-f17a-4b53-9852-76d72e81994e",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "b9f31a01-cc73-4e96-b926-9e022cf10d7d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ef68360e-9ebb-4d23-bd4b-1069a7d13049",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#3E63DDFF",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#3E63DDFF",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3E63DDFF",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0b6d20a3-007d-4163-b8fd-ea7a2ae75037",
+                  "type": "desktop",
+                  "top": 419.99999618530273,
+                  "left": 28,
+                  "width": 5.026685393258427,
+                  "height": 40,
+                  "componentId": "ef68360e-9ebb-4d23-bd4b-1069a7d13049",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "bc5903f6-83a9-4627-a787-93c7f8e83c16",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.getProducts.isLoading}}",
+                  "fxActive": true
+                },
+                "data": {
+                  "value": "{{queries.getProducts.data}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "columnData": {
+                  "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+                },
+                "rowsPerPage": {
+                  "value": "{{10}}"
+                },
+                "serverSidePagination": {
+                  "value": false
+                },
+                "enableNextButton": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                },
+                "enablePrevButton": {
+                  "value": "{{true}}"
+                },
+                "totalRecords": {
+                  "value": ""
+                },
+                "clientSidePagination": {
+                  "value": "{{true}}"
+                },
+                "serverSideSort": {
+                  "value": "{{false}}"
+                },
+                "serverSideFilter": {
+                  "value": "{{false}}"
+                },
+                "displaySearchBox": {
+                  "value": "{{true}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{true}}"
+                },
+                "showFilterButton": {
+                  "value": "{{true}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "# id",
+                      "id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
+                      "columnType": "number",
+                      "key": "id"
+                    },
+                    {
+                      "id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
+                      "name": "product name",
+                      "key": "product_name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
+                      "name": "quantity",
+                      "key": "quantity",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
+                      "name": "price ($)",
+                      "key": "price",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
+                      "name": "status",
+                      "key": "status",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
+                      "name": "category",
+                      "key": "category",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
+                      "name": "description",
+                      "key": "description",
+                      "columnType": "string",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
+                    "d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
+                    "80a7c021-1406-495f-98d2-c8b1789748d6": 169,
+                    "e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
+                    "aa56b72c-5246-47a7-800d-b19a7208970a": 281,
+                    "01397da4-b41e-4540-aec5-440e70fd38d5": 381,
+                    "9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
+                    "4193a446-2519-454c-9ade-d468ce8e0acb": 89,
+                    "6fcb6fac-ad92-4a9d-8473-f47818129a85": 109,
+                    "935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 132,
+                    "8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 102,
+                    "78c599af-628d-41a5-8da0-02f40f4b0cfd": 65,
+                    "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
+                    "leftActions": 67,
+                    "rightActions": 137,
+                    "9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Edit",
+                      "events": [
+                        {
+                          "eventId": "onClick",
+                          "actionId": "show-modal",
+                          "message": "Hello world!",
+                          "alertType": "info",
+                          "modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                        }
+                      ],
+                      "position": "right",
+                      "textColor": "#5079ffff",
+                      "backgroundColor": "#5079ff1a"
+                    },
+                    {
+                      "name": "Action1",
+                      "buttonText": "Remove",
+                      "events": [
+                        {
+                          "eventId": "onClick",
+                          "actionId": "show-modal",
+                          "message": "Hello world!",
+                          "alertType": "info",
+                          "modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                        }
+                      ],
+                      "position": "right",
+                      "textColor": "#d0021bff",
+                      "backgroundColor": "#d0021b1a"
+                    }
+                  ]
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "email",
+                    "Assigned to",
+                    "Quantity",
+                    "Status",
+                    "product description",
+                    "id",
+                    "is_active",
+                    "row_id",
+                    "record_id"
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "serverSideSearch": {
+                  "value": "{{true}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "enablePagination": {
+                  "value": "{{true}}"
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "tableType": {
+                  "value": "table-classic"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 10px 0px #00000040",
+                  "fxActive": false
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "maxRowHeight": {
+                  "value": "auto"
+                },
+                "maxRowHeightValue": {
+                  "value": "{{0}}"
+                },
+                "contentWrap": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-12-03T20:43:09.782Z",
+              "layouts": [
+                {
+                  "id": "4e297461-db5f-4fc6-a396-d1f426585a21",
+                  "type": "desktop",
+                  "top": 239.9998722076416,
+                  "left": 1,
+                  "width": 40.99999999999999,
+                  "height": 610,
+                  "componentId": "bc5903f6-83a9-4627-a787-93c7f8e83c16",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "9fe561d1-0028-48e6-bfaf-38bbb68794c7",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": true
+                },
+                "textColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "83336eda-7e2d-4b90-8671-9225df5b110c",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 10,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "9fe561d1-0028-48e6-bfaf-38bbb68794c7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "a67bf29f-57c0-4953-b612-e0f1d71db06b",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+              "properties": {
+                "text": {
+                  "value": "Remove"
+                },
+                "loadingState": {
+                  "value": "{{queries.removeProduct.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": true
+                },
+                "loaderColor": {
+                  "value": "#ffffffff",
+                  "fxActive": true
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": true
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5c5fdc99-184a-4e56-bec7-da6e9b27b644",
+                  "type": "desktop",
+                  "top": 109.99991989135742,
+                  "left": 22,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "a67bf29f-57c0-4953-b612-e0f1d71db06b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "ee4d109c-9961-4c19-aa3c-8d33a1a40ac2",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "1e949e2e-fbee-4183-a5a2-52c698d727f4",
+              "properties": {
+                "text": {
+                  "value": "Add new product"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff1a",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffffff",
+                  "fxActive": false
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "6588e328-00a9-471d-ba37-c58b680f6c98",
+                  "type": "desktop",
+                  "top": 130.00009536743164,
+                  "left": 1,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "ee4d109c-9961-4c19-aa3c-8d33a1a40ac2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "9c6d178e-37f4-45b5-8cfc-976062481f62",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Quantity"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "870147db-0ccd-4af4-bf37-645b609989d0",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "9c6d178e-37f4-45b5-8cfc-976062481f62",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "5a1f9419-4d6d-431e-9380-64d63ba7acfb",
+              "name": "verticaldivider1",
+              "type": "VerticalDivider",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "dividerColor": {
+                  "value": "#C1C8CD",
+                  "fxActive": true
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "23fbe0af-698f-489a-bedc-0fd026ea24a8",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 22,
+                  "width": 1,
+                  "height": 100,
+                  "componentId": "5a1f9419-4d6d-431e-9380-64d63ba7acfb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "2efbb183-9504-4c01-82d4-cbf494acb2fa",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Price ($)"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "10dafe7f-f0a2-44b0-bb32-a98074df5fcf",
+                  "type": "desktop",
+                  "top": 199.9999771118164,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "2efbb183-9504-4c01-82d4-cbf494acb2fa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "17dc4926-0ba8-413e-958e-7c318043937c",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Status"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "da11a399-e876-4877-ae31-b6ce67d63510",
+                  "type": "desktop",
+                  "top": 139.99999618530273,
+                  "left": 24,
+                  "width": 5.03866958707847,
+                  "height": 40,
+                  "componentId": "17dc4926-0ba8-413e-958e-7c318043937c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "1b674c6b-695b-4026-9c06-22587ed0ccc0",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": 0
+                },
+                "letterSpacing": {
+                  "value": 0
+                },
+                "wordSpacing": {
+                  "value": 0
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "b5c745dd-5e37-4409-8483-2ba6a189d165",
+                  "type": "desktop",
+                  "top": 259.99999618530273,
+                  "left": 2,
+                  "width": 14.943668648140722,
+                  "height": 40,
+                  "componentId": "1b674c6b-695b-4026-9c06-22587ed0ccc0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            },
+            {
+              "id": "b9a356cb-a356-4b55-bb52-d333e439983f",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "parent": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+              "properties": {
+                "text": {
+                  "value": "Category"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "",
+                  "fxActive": true
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "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-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z",
+              "layouts": [
+                {
+                  "id": "eba604e2-517b-413e-8c38-ec934d3fbfd1",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 24,
+                  "width": 5.03866958707847,
+                  "height": 40,
+                  "componentId": "b9a356cb-a356-4b55-bb52-d333e439983f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:43:03.495Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "name": "Product Inventory",
+              "handle": "Product Inventory",
+              "index": 0,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-12-03T20:43:03.481Z",
+              "autoComputeLayout": false,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "pageGroupIndex": 0,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "a2e79de9-3b3f-4c43-9470-aa8b0ec18e0a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Successfully updated product details.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "32b8f0e9-2760-483e-9413-bb3121b0e4a1",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update product details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "8cf86798-ca9c-4041-a032-d64668204da0",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Product deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "10d4d95a-642b-4de3-821b-dd04abd868a8",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to remove the product! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "7e320f77-f6bd-4138-b778-05e9c512c801",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Product added successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "b907f36a-6f6f-4c42-99f4-5533da3a3439",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add product! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "c94e7514-94cb-43b8-bd7b-ebbac5a0c8bd",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "modal": "f97acc62-46ec-4445-909d-723098027a78",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "bc5903f6-83a9-4627-a787-93c7f8e83c16",
+              "target": "table_action",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.671Z"
+            },
+            {
+              "id": "5b1389f7-09cb-4360-979d-9689ae36b6e3",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "bc5903f6-83a9-4627-a787-93c7f8e83c16",
+              "target": "table_action",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.678Z"
+            },
+            {
+              "id": "11eb3cda-bd3b-4646-9f0f-019ed8b7273e",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "9fe561d1-0028-48e6-bfaf-38bbb68794c7",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.685Z"
+            },
+            {
+              "id": "b78a340d-cf48-4b98-b717-9ca8e56a1687",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "removeProduct",
+                "parameters": {}
+              },
+              "sourceId": "a67bf29f-57c0-4953-b612-e0f1d71db06b",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.692Z"
+            },
+            {
+              "id": "1753fc2a-0877-4e92-ba53-b2a33e4505a7",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "modal": "f97acc62-46ec-4445-909d-723098027a78",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.703Z"
+            },
+            {
+              "id": "21562c44-7f50-4bce-87a4-73674eeab914",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "76d52d26-82f0-4ef6-af3a-96c502a44d1b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.709Z"
+            },
+            {
+              "id": "b3ca29ef-07bd-4c9b-b27e-3c91d3baba03",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "cdd2990e-0e58-450d-9b83-fa4bd5463361",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProductStats",
+                "parameters": {}
+              },
+              "sourceId": "76d52d26-82f0-4ef6-af3a-96c502a44d1b",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.720Z"
+            },
+            {
+              "id": "d24e8c38-0a86-42f5-b4f4-a8ffdca009be",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "2b14ea32-a9b8-4803-b756-e3ca5c0f36c1",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.729Z"
+            },
+            {
+              "id": "5eabf220-af26-45dc-8269-ae83a87212d3",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "76d52d26-82f0-4ef6-af3a-96c502a44d1b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.739Z"
+            },
+            {
+              "id": "d1a5c566-67fa-4797-a5e7-6d4babfe41ec",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.749Z"
+            },
+            {
+              "id": "2775acf2-d045-4476-b380-e6beaa5754b0",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "76d52d26-82f0-4ef6-af3a-96c502a44d1b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProducts",
+                "parameters": {}
+              },
+              "sourceId": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+              "target": "data_query",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.759Z"
+            },
+            {
+              "id": "ee29a4b2-530a-47e6-aa53-74a3c1d7b04a",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateProduct",
+                "parameters": {}
+              },
+              "sourceId": "7ef28db8-10bd-4470-9246-93e0df1559c3",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.662Z"
+            },
+            {
+              "id": "d144fd5d-5674-448f-ab17-6c5d3d2c248c",
+              "name": "onSearch",
+              "index": 0,
+              "event": {
+                "eventId": "onSearch",
+                "message": "Hello World!",
+                "queryId": "a22c2775-82cd-4c47-a305-1fdb4a3e516e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "tooljetdbGetProducts",
+                "parameters": {}
+              },
+              "sourceId": "bc5903f6-83a9-4627-a787-93c7f8e83c16",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "127cd55e-eb89-440a-9dbe-d00100ef5b46",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "f97acc62-46ec-4445-909d-723098027a78",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "ea952068-205b-4f74-a2e5-aed139292bf4",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.772Z"
+            },
+            {
+              "id": "6170288e-0d3e-4c8b-9f8a-d7c3118b52b1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addProduct",
+                "parameters": {}
+              },
+              "sourceId": "a8b5845e-1eaa-49ce-9ccd-94b333b57430",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.781Z"
+            },
+            {
+              "id": "7c4f1aa1-43a7-4df2-9e74-615e7841eb52",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "ef68360e-9ebb-4d23-bd4b-1069a7d13049",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.789Z"
+            },
+            {
+              "id": "72f41f76-ab10-4fb5-afc5-c179fa5f36d1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "ae7419ea-c401-4f3f-9a4c-79fe35a3604a",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "ee4d109c-9961-4c19-aa3c-8d33a1a40ac2",
+              "target": "component",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:59.797Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "096fd2ad-e697-469b-a124-31e6a81f44bf",
+              "name": "updateProduct",
+              "options": {
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "operation": "update_record",
+                "base_id": "app7Wlvu4329Cdhvp",
+                "table_name": "inventory",
+                "record_id": "{{components.table1.selectedRow.record_id}}",
+                "body": "{{JSON.stringify({\n  category: components.dropdown6.value,\n  price: components.numberinput6.value,\n  description: components.textarea3.value,\n  status: components.dropdown5.value,\n  product_name: components.textinput2.value,\n  quantity: components.numberinput5.value,\n})}}"
+              },
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-05-10T11:37:25.361Z"
+            },
+            {
+              "id": "cdd2990e-0e58-450d-9b83-fa4bd5463361",
+              "name": "getProductStats",
+              "options": {
+                "code": "totalQty = 0;\ninStockQty = 0;\nlowInStock = 0;\noutOfStock = 0;\nyetToReceive = 0;\n\nqueries.getProducts.data.forEach((product) => {\n  totalQty += product.quantity;\n  inStockQty += product.status == \"in_stock\" ? product.quantity : 0;\n  yetToReceive += product.status == \"yet_to_receive\" ? product.quantity : 0;\n  lowInStock += product.quantity <= 10 && product.quantity > 0 ? 1 : 0;\n  outOfStock += product.quantity == 0 ? 1 : 0;\n});\n\nreturn {\n  quantityInTotal: totalQty,\n  quantityInStock: inStockQty,\n  quantityYetToReceive: yetToReceive,\n  lowInStock: lowInStock,\n  outOfStock: outOfStock,\n};",
+                "hasParamSupport": true,
+                "parameters": []
+              },
+              "dataSourceId": "7705f7ac-6a9e-4542-9c2c-41966ed1683a",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:17:58.970Z"
+            },
+            {
+              "id": "0669fc65-775e-4353-bfc4-576b18aa9a65",
+              "name": "removeProduct",
+              "options": {
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "operation": "delete_record",
+                "base_id": "app7Wlvu4329Cdhvp",
+                "table_name": "inventory",
+                "record_id": "{{components.table1.selectedRow.record_id}}"
+              },
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-05-03T17:47:26.794Z"
+            },
+            {
+              "id": "b03c0cda-2097-4e7f-9204-243a5674e4d7",
+              "name": "addProduct",
+              "options": {
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "operation": "create_record",
+                "body": "{{JSON.stringify([{\n    fields: {\n      category: components.dropdown2.value,\n      price: components.numberinput2.value,\n      description: components.textarea2.value,\n      status: components.dropdown1.value,\n      product_name: components.textinput4.value,\n      quantity: components.numberinput1.value,\n    },\n}])}}",
+                "base_id": "app7Wlvu4329Cdhvp",
+                "table_name": "inventory"
+              },
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-05-10T11:33:08.076Z"
+            },
+            {
+              "id": "76d52d26-82f0-4ef6-af3a-96c502a44d1b",
+              "name": "getProducts",
+              "options": {
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "operation": "list_records",
+                "base_id": "app7Wlvu4329Cdhvp",
+                "table_name": "inventory",
+                "offset": "",
+                "page_size": "100",
+                "transformation": "return data.records\n  .map((row) => ({ ...row.fields, record_id: row.id }))\n  .toSorted((a, b) => b.id - a.id);",
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-12-03T20:43:06.966Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "b89380e8-edc1-43af-b3ea-6899cefce498",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-04-26T09:17:58.978Z",
+              "updatedAt": "2024-04-26T09:17:58.978Z"
+            },
+            {
+              "id": "7705f7ac-6a9e-4542-9c2c-41966ed1683a",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-04-26T09:17:58.989Z",
+              "updatedAt": "2024-04-26T09:17:58.989Z"
+            },
+            {
+              "id": "35c7a63d-b6cf-4e92-bccb-0042f50c3a1c",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-04-26T09:17:58.999Z",
+              "updatedAt": "2024-04-26T09:17:58.999Z"
+            },
+            {
+              "id": "23f1c9cd-cb20-4642-8277-306b3ec677d9",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-04-26T09:17:59.011Z",
+              "updatedAt": "2024-04-26T09:17:59.011Z"
+            },
+            {
+              "id": "9cd19a11-a9fd-46a0-9d22-be72ef939929",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-04-26T09:17:59.022Z",
+              "updatedAt": "2024-04-26T09:17:59.022Z"
+            },
+            {
+              "id": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "name": "Inventory management",
+              "kind": "airtable",
+              "type": "default",
+              "pluginId": null,
+              "appVersionId": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "scope": "global",
+              "createdAt": "2024-04-26T09:17:58.970Z",
+              "updatedAt": "2024-04-26T09:19:10.407Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "4b869682-25fc-42fa-9e6a-d8cd0b40f311",
+              "name": "v1",
+              "definition": {
+                "showViewerNavigation": false,
+                "homePageId": "27be7952-16b7-4dd2-922b-14670240551d",
+                "pages": {
+                  "27be7952-16b7-4dd2-922b-14670240551d": {
+                    "name": "Product Inventory",
+                    "handle": "Product Inventory",
+                    "components": {
+                      "bda85f11-39c0-40d3-ba35-bfd0211fea6f": {
+                        "id": "bda85f11-39c0-40d3-ba35-bfd0211fea6f",
+                        "component": {
+                          "properties": {
+                            "title": {
+                              "type": "string",
+                              "displayName": "Title",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "data": {
+                              "type": "code",
+                              "displayName": "Table data",
+                              "validation": {
+                                "schema": {
+                                  "type": "array",
+                                  "element": {
+                                    "type": "object"
+                                  },
+                                  "optional": true
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "columns": {
+                              "type": "array",
+                              "displayName": "Table Columns"
+                            },
+                            "useDynamicColumn": {
+                              "type": "toggle",
+                              "displayName": "Use dynamic column",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "columnData": {
+                              "type": "code",
+                              "displayName": "Column data"
+                            },
+                            "rowsPerPage": {
+                              "type": "code",
+                              "displayName": "Number of rows per page",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "serverSidePagination": {
+                              "type": "toggle",
+                              "displayName": "Server-side pagination",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "enableNextButton": {
+                              "type": "toggle",
+                              "displayName": "Enable next page button",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "enabledSort": {
+                              "type": "toggle",
+                              "displayName": "Enable sorting",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "hideColumnSelectorButton": {
+                              "type": "toggle",
+                              "displayName": "Hide column selector button",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "enablePrevButton": {
+                              "type": "toggle",
+                              "displayName": "Enable previous page button",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "totalRecords": {
+                              "type": "code",
+                              "displayName": "Total records server side",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "clientSidePagination": {
+                              "type": "toggle",
+                              "displayName": "Client-side pagination",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "serverSideSearch": {
+                              "type": "toggle",
+                              "displayName": "Server-side search",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "serverSideSort": {
+                              "type": "toggle",
+                              "displayName": "Server-side sort",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "serverSideFilter": {
+                              "type": "toggle",
+                              "displayName": "Server-side filter",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "actionButtonBackgroundColor": {
+                              "type": "color",
+                              "displayName": "Background color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "actionButtonTextColor": {
+                              "type": "color",
+                              "displayName": "Text color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "displaySearchBox": {
+                              "type": "toggle",
+                              "displayName": "Show search box",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "showDownloadButton": {
+                              "type": "toggle",
+                              "displayName": "Show download button",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "showFilterButton": {
+                              "type": "toggle",
+                              "displayName": "Show filter button",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "showBulkUpdateActions": {
+                              "type": "toggle",
+                              "displayName": "Show update buttons",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "showBulkSelector": {
+                              "type": "toggle",
+                              "displayName": "Bulk selection",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "highlightSelectedRow": {
+                              "type": "toggle",
+                              "displayName": "Highlight selected row",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "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": [
+                              {
+                                "eventId": "onSearch",
+                                "actionId": "run-query",
+                                "message": "Hello World!",
+                                "alertType": "info",
+                                "queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
+                                "queryName": "tooljetdbGetProducts",
+                                "parameters": {}
+                              }
+                            ],
+                            "styles": {
+                              "textColor": {
+                                "value": "#000"
+                              },
+                              "actionButtonRadius": {
+                                "value": "5"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              },
+                              "cellSize": {
+                                "value": "regular"
+                              },
+                              "borderRadius": {
+                                "value": "10"
+                              },
+                              "tableType": {
+                                "value": "table-classic"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 10px 0px #00000040",
+                                "fxActive": false
+                              }
+                            },
+                            "properties": {
+                              "title": {
+                                "value": "Table"
+                              },
+                              "visible": {
+                                "value": "{{true}}"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbGetProducts.isLoading}}",
+                                "fxActive": true
+                              },
+                              "data": {
+                                "value": "{{queries.tooljetdbGetProducts.data}}"
+                              },
+                              "useDynamicColumn": {
+                                "value": "{{false}}"
+                              },
+                              "columnData": {
+                                "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+                              },
+                              "rowsPerPage": {
+                                "value": "{{20}}"
+                              },
+                              "serverSidePagination": {
+                                "value": "{{false}}"
+                              },
+                              "enableNextButton": {
+                                "value": "{{true}}"
+                              },
+                              "enablePrevButton": {
+                                "value": "{{true}}"
+                              },
+                              "totalRecords": {
+                                "value": ""
+                              },
+                              "clientSidePagination": {
+                                "value": "{{true}}"
+                              },
+                              "serverSideSort": {
+                                "value": "{{false}}"
+                              },
+                              "serverSideFilter": {
+                                "value": "{{false}}"
+                              },
+                              "displaySearchBox": {
+                                "value": "{{true}}"
+                              },
+                              "showDownloadButton": {
+                                "value": "{{true}}"
+                              },
+                              "showFilterButton": {
+                                "value": "{{true}}"
+                              },
+                              "autogenerateColumns": {
+                                "value": true
+                              },
+                              "columns": {
+                                "value": [
+                                  {
+                                    "name": "# id",
+                                    "id": "78c599af-628d-41a5-8da0-02f40f4b0cfd",
+                                    "columnType": "number",
+                                    "key": "id"
+                                  },
+                                  {
+                                    "id": "9dd40d5e-36f2-4257-8fc0-9fec788fe025",
+                                    "name": "product name",
+                                    "key": "product_name",
+                                    "columnType": "string",
+                                    "autogenerated": true
+                                  },
+                                  {
+                                    "id": "6fcb6fac-ad92-4a9d-8473-f47818129a85",
+                                    "name": "quantity",
+                                    "key": "quantity",
+                                    "columnType": "number",
+                                    "autogenerated": true,
+                                    "isEditable": "{{false}}"
+                                  },
+                                  {
+                                    "id": "8f97e3b2-69d2-44c4-b301-05f6f6c0afff",
+                                    "name": "price ($)",
+                                    "key": "price",
+                                    "columnType": "number",
+                                    "autogenerated": true
+                                  },
+                                  {
+                                    "id": "935cf13c-6101-4fae-a9ef-d4bb6a396fb2",
+                                    "name": "status",
+                                    "key": "status",
+                                    "columnType": "string",
+                                    "autogenerated": true
+                                  },
+                                  {
+                                    "id": "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb",
+                                    "name": "category",
+                                    "key": "category",
+                                    "columnType": "string",
+                                    "autogenerated": true
+                                  },
+                                  {
+                                    "id": "9de6c6a2-512b-45e8-8c80-d2d8271976af",
+                                    "name": "description",
+                                    "key": "description",
+                                    "columnType": "string",
+                                    "autogenerated": true
+                                  }
+                                ]
+                              },
+                              "showBulkUpdateActions": {
+                                "value": "{{false}}"
+                              },
+                              "showBulkSelector": {
+                                "value": "{{false}}"
+                              },
+                              "highlightSelectedRow": {
+                                "value": "{{false}}"
+                              },
+                              "columnSizes": {
+                                "value": {
+                                  "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
+                                  "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
+                                  "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
+                                  "d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 161,
+                                  "80a7c021-1406-495f-98d2-c8b1789748d6": 169,
+                                  "e7828dc4-90f6-4a60-aadb-58356278dff9": 70,
+                                  "aa56b72c-5246-47a7-800d-b19a7208970a": 281,
+                                  "01397da4-b41e-4540-aec5-440e70fd38d5": 381,
+                                  "9de6c6a2-512b-45e8-8c80-d2d8271976af": 448,
+                                  "4193a446-2519-454c-9ade-d468ce8e0acb": 89,
+                                  "6fcb6fac-ad92-4a9d-8473-f47818129a85": 97,
+                                  "935cf13c-6101-4fae-a9ef-d4bb6a396fb2": 117,
+                                  "8f97e3b2-69d2-44c4-b301-05f6f6c0afff": 89,
+                                  "78c599af-628d-41a5-8da0-02f40f4b0cfd": 35,
+                                  "68977f9a-fb0a-4f7b-85f2-cc5b11a2a0cb": 137,
+                                  "leftActions": 67,
+                                  "rightActions": 137,
+                                  "9dd40d5e-36f2-4257-8fc0-9fec788fe025": 169
+                                }
+                              },
+                              "actions": {
+                                "value": [
+                                  {
+                                    "name": "Action0",
+                                    "buttonText": "Edit",
+                                    "events": [
+                                      {
+                                        "eventId": "onClick",
+                                        "actionId": "show-modal",
+                                        "message": "Hello world!",
+                                        "alertType": "info",
+                                        "modal": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                                      }
+                                    ],
+                                    "position": "right",
+                                    "textColor": "#5079ffff",
+                                    "backgroundColor": "#5079ff1a"
+                                  },
+                                  {
+                                    "name": "Action1",
+                                    "buttonText": "Remove",
+                                    "events": [
+                                      {
+                                        "eventId": "onClick",
+                                        "actionId": "show-modal",
+                                        "message": "Hello world!",
+                                        "alertType": "info",
+                                        "modal": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                                      }
+                                    ],
+                                    "position": "right",
+                                    "textColor": "#d0021bff",
+                                    "backgroundColor": "#d0021b1a"
+                                  }
+                                ]
+                              },
+                              "enabledSort": {
+                                "value": "{{true}}"
+                              },
+                              "hideColumnSelectorButton": {
+                                "value": "{{false}}"
+                              },
+                              "columnDeletionHistory": {
+                                "value": [
+                                  "email",
+                                  "Assigned to",
+                                  "Quantity",
+                                  "Status",
+                                  "product description",
+                                  "id",
+                                  "is_active"
+                                ]
+                              },
+                              "showAddNewRowButton": {
+                                "value": "{{false}}"
+                              },
+                              "serverSideSearch": {
+                                "value": "{{true}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "table1",
+                          "displayName": "Table",
+                          "description": "Display paginated tabular data",
+                          "component": "Table",
+                          "defaultSize": {
+                            "width": 20,
+                            "height": 358
+                          },
+                          "exposedVariables": {
+                            "selectedRow": {},
+                            "changeSet": {},
+                            "dataUpdates": [],
+                            "pageIndex": 1,
+                            "searchText": "",
+                            "selectedRows": [],
+                            "filters": []
+                          },
+                          "actions": [
+                            {
+                              "handle": "setPage",
+                              "displayName": "Set page",
+                              "params": [
+                                {
+                                  "handle": "page",
+                                  "displayName": "Page",
+                                  "defaultValue": "{{1}}"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "selectRow",
+                              "displayName": "Select row",
+                              "params": [
+                                {
+                                  "handle": "key",
+                                  "displayName": "Key"
+                                },
+                                {
+                                  "handle": "value",
+                                  "displayName": "Value"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "deselectRow",
+                              "displayName": "Deselect row"
+                            },
+                            {
+                              "handle": "discardChanges",
+                              "displayName": "Discard Changes"
+                            },
+                            {
+                              "handle": "discardNewlyAddedRows",
+                              "displayName": "Discard newly added rows"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 239.9999122619629,
+                            "left": 2.3255818850376775,
+                            "width": 40.99999999999999,
+                            "height": 610
+                          }
+                        }
+                      },
+                      "e70226f2-0985-4145-9fb4-d8355258b0c5": {
+                        "id": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                        "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"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                                "fxActive": true
+                              },
+                              "headerTextColor": {
+                                "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                                "fxActive": true
+                              },
+                              "bodyBackgroundColor": {
+                                "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "triggerButtonBackgroundColor": {
+                                "value": "#4a90e2ff",
+                                "fxActive": false
+                              },
+                              "triggerButtonTextColor": {
+                                "value": "#ffffffff"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "title": {
+                                "value": "Add a Product"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "useDefaultButton": {
+                                "value": "{{false}}"
+                              },
+                              "triggerButtonLabel": {
+                                "value": "Add a Product"
+                              },
+                              "size": {
+                                "value": "lg"
+                              },
+                              "hideTitleBar": {
+                                "value": "{{false}}"
+                              },
+                              "hideCloseButton": {
+                                "value": "{{false}}"
+                              },
+                              "hideOnEsc": {
+                                "value": "{{true}}"
+                              },
+                              "closeOnClickingOutside": {
+                                "value": "{{false}}"
+                              },
+                              "modalHeight": {
+                                "value": "490px"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "modal1",
+                          "displayName": "Modal",
+                          "description": "Modal triggered by events",
+                          "component": "Modal",
+                          "defaultSize": {
+                            "width": 10,
+                            "height": 400
+                          },
+                          "exposedVariables": {
+                            "show": false
+                          },
+                          "actions": [
+                            {
+                              "handle": "open",
+                              "displayName": "Open"
+                            },
+                            {
+                              "handle": "close",
+                              "displayName": "Close"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 920.0000610351562,
+                            "left": 4.651166952654379,
+                            "width": 4,
+                            "height": 30
+                          }
+                        }
+                      },
+                      "5d0ed3c3-5679-4ad7-9282-8910827889fa": {
+                        "id": "5d0ed3c3-5679-4ad7-9282-8910827889fa",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Button Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Loading State",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {
+                            "onClick": {
+                              "displayName": "On click"
+                            },
+                            "onHover": {
+                              "displayName": "On hover"
+                            }
+                          },
+                          "styles": {
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "loaderColor": {
+                              "type": "color",
+                              "displayName": "Loader color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderRadius": {
+                              "type": "number",
+                              "displayName": "Border radius",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderColor": {
+                              "type": "color",
+                              "displayName": "Border color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [
+                              {
+                                "eventId": "onClick",
+                                "actionId": "run-query",
+                                "message": "Hello world!",
+                                "alertType": "info",
+                                "queryId": "0bed2d35-61e3-4a6e-ab63-e22a0b2fc899",
+                                "queryName": "tooljetdbAddProduct",
+                                "parameters": {}
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{6}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{components.textinput4.value.length < 1 || components.numberinput1.value == 0 || components.numberinput2.value == 0 || components.dropdown1.value == undefined || components.dropdown2.value == undefined || components.textarea2.value == \"\"}}",
+                                "fxActive": true
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Add product"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbAddProduct.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button2",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {},
+                          "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": 420.00006103515625,
+                            "left": 79.06980042535031,
+                            "width": 6.992977528089888,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac": {
+                        "id": "ba1e39b1-62cd-4c2a-953a-3ff1c96feaac",
+                        "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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{5}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Cancel"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button3",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {},
+                          "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": 420.0000305175781,
+                            "left": 65.08360450313526,
+                            "width": 5.026685393258427,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "ac425c6b-770e-4d8f-ba4b-1161ce72f665": {
+                        "id": "ac425c6b-770e-4d8f-ba4b-1161ce72f665",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Quantity"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text11",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140,
+                            "left": 4.651146748971732,
+                            "width": 6,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "3085d2cc-d42a-4fe5-8bf9-da4baefa2048": {
+                        "id": "3085d2cc-d42a-4fe5-8bf9-da4baefa2048",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "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"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Product Details"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text12",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 20,
+                            "left": 4.651157506611227,
+                            "width": 15,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "2c8fbdb8-36a9-48ed-981d-044086f48d6f": {
+                        "id": "2c8fbdb8-36a9-48ed-981d-044086f48d6f",
+                        "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": "#C1C8CD",
+                                "fxActive": true
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {},
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "verticaldivider1",
+                          "displayName": "Vertical Divider",
+                          "description": "Vertical Separator between components",
+                          "component": "VerticalDivider",
+                          "defaultSize": {
+                            "width": 2,
+                            "height": 100
+                          },
+                          "exposedVariables": {
+                            "value": {}
+                          }
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140,
+                            "left": 51.162797507362264,
+                            "width": 1,
+                            "height": 100
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "31b32887-f5ce-43a0-a439-3547dd1f8775": {
+                        "id": "31b32887-f5ce-43a0-a439-3547dd1f8775",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Price ($)"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text14",
+                          "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": 199.9999771118164,
+                            "left": 4.651161007056952,
+                            "width": 6,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "429f6f5a-1962-493c-9fc0-e5abd73df999": {
+                        "id": "429f6f5a-1962-493c-9fc0-e5abd73df999",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Status"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text16",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 139.99999618530273,
+                            "left": 55.81394566271558,
+                            "width": 5.03866958707847,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0": {
+                        "id": "1a8ac421-59f2-49b9-b5c2-ea8caa3e6fe0",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Description"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text17",
+                          "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": 259.99999618530273,
+                            "left": 4.651163937000746,
+                            "width": 14.943668648140722,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "3362f3ca-5134-4e19-8f06-7b27d1fd942e": {
+                        "id": "3362f3ca-5134-4e19-8f06-7b27d1fd942e",
+                        "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": {},
+                          "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"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": ""
+                              },
+                              "placeholder": {
+                                "value": "Enter product description..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "textarea2",
+                          "displayName": "Textarea",
+                          "description": "Text area form field",
+                          "component": "TextArea",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 100
+                          },
+                          "exposedVariables": {
+                            "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "clear",
+                              "displayName": "Clear"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 299.99997901916504,
+                            "left": 4.651139300533316,
+                            "width": 39.00000000000001,
+                            "height": 100
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "e5409124-b033-4c2f-91d1-6dba1a938395": {
+                        "id": "e5409124-b033-4c2f-91d1-6dba1a938395",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Product name"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text18",
+                          "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": 80,
+                            "left": 4.6511809162900555,
+                            "width": 6.992977528089888,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "5f3ead84-8a42-40b3-b3e6-46ec994a7594": {
+                        "id": "5f3ead84-8a42-40b3-b3e6-46ec994a7594",
+                        "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": null
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": ""
+                              },
+                              "placeholder": {
+                                "value": "Enter product name"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "textinput4",
+                          "displayName": "Text Input",
+                          "description": "Text field for forms",
+                          "component": "TextInput",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "validation": {
+                            "regex": {
+                              "type": "code",
+                              "displayName": "Regex"
+                            },
+                            "minLength": {
+                              "type": "code",
+                              "displayName": "Min length"
+                            },
+                            "maxLength": {
+                              "type": "code",
+                              "displayName": "Max length"
+                            },
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": ""
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "clear",
+                              "displayName": "Clear"
+                            },
+                            {
+                              "handle": "setFocus",
+                              "displayName": "Set focus"
+                            },
+                            {
+                              "handle": "setBlur",
+                              "displayName": "Set blur"
+                            },
+                            {
+                              "handle": "disable",
+                              "displayName": "Disable",
+                              "params": [
+                                {
+                                  "handle": "disable",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 80.00000762939453,
+                            "left": 20.930223155150934,
+                            "width": 32,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "64931418-c1f1-4a80-b0d6-989ed7e7d7b3": {
+                        "id": "64931418-c1f1-4a80-b0d6-989ed7e7d7b3",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": true
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Category"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text19",
+                          "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": 200,
+                            "left": 55.81395720035743,
+                            "width": 5.03866958707847,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "0d0efc13-ae0e-4e1f-8d90-c8c508487fef": {
+                        "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": "{{}}"
+                              },
+                              "values": {
+                                "value": "{{['in_stock', 'yet_to_receive']}}"
+                              },
+                              "display_values": {
+                                "value": "{{['In stock', 'Yet to receive']}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "placeholder": {
+                                "value": "Select status..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "dropdown1",
+                          "displayName": "Dropdown",
+                          "description": "Select one value from options",
+                          "defaultSize": {
+                            "width": 8,
+                            "height": 30
+                          },
+                          "component": "DropDown",
+                          "validation": {
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": 2,
+                            "searchText": "",
+                            "label": "Select",
+                            "optionLabels": [
+                              "one",
+                              "two",
+                              "three"
+                            ],
+                            "selectedOptionLabel": "two"
+                          },
+                          "actions": [
+                            {
+                              "handle": "selectOption",
+                              "displayName": "Select option",
+                              "params": [
+                                {
+                                  "handle": "select",
+                                  "displayName": "Select"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                        "layouts": {
+                          "desktop": {
+                            "top": 140.00000762939453,
+                            "left": 67.44186885999612,
+                            "width": 12.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "withDefaultChildren": false
+                      },
+                      "5caec9ab-5eea-42be-bfb0-4a3783b388e9": {
+                        "id": "5caec9ab-5eea-42be-bfb0-4a3783b388e9",
+                        "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": "{{}}"
+                              },
+                              "values": {
+                                "value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                              },
+                              "display_values": {
+                                "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "placeholder": {
+                                "value": "Select category..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "dropdown2",
+                          "displayName": "Dropdown",
+                          "description": "Select one value from options",
+                          "defaultSize": {
+                            "width": 8,
+                            "height": 30
+                          },
+                          "component": "DropDown",
+                          "validation": {
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": 2,
+                            "searchText": "",
+                            "label": "Select",
+                            "optionLabels": [
+                              "one",
+                              "two",
+                              "three"
+                            ],
+                            "selectedOptionLabel": "two"
+                          },
+                          "actions": [
+                            {
+                              "handle": "selectOption",
+                              "displayName": "Select option",
+                              "params": [
+                                {
+                                  "handle": "select",
+                                  "displayName": "Select"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 200,
+                            "left": 67.4418446186934,
+                            "width": 12.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "5086fc5a-b6db-4b6d-b3b0-fd362c7a8bd2": {
+                        "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": "#dadcdeff"
+                              },
+                              "textColor": {
+                                "value": "#232e3c"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "{{0}}"
+                              },
+                              "maxValue": {
+                                "value": "1000"
+                              },
+                              "minValue": {
+                                "value": "1"
+                              },
+                              "placeholder": {
+                                "value": "{{components.numberinput1.value}}"
+                              },
+                              "decimalPlaces": {
+                                "value": "{{0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "numberinput1",
+                          "displayName": "Number Input",
+                          "description": "Number field for forms",
+                          "component": "NumberInput",
+                          "defaultSize": {
+                            "width": 4,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "value": 99
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5",
+                        "layouts": {
+                          "desktop": {
+                            "top": 140.00000762939453,
+                            "left": 20.930226913180842,
+                            "width": 12,
+                            "height": 40
+                          }
+                        },
+                        "withDefaultChildren": false
+                      },
+                      "5dcf6696-566a-44e6-a65d-1a5f6e9a453f": {
+                        "id": "5dcf6696-566a-44e6-a65d-1a5f6e9a453f",
+                        "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": "#dadcdeff"
+                              },
+                              "textColor": {
+                                "value": "#232e3c"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "0"
+                              },
+                              "maxValue": {
+                                "value": "999999"
+                              },
+                              "minValue": {
+                                "value": "0.50"
+                              },
+                              "placeholder": {
+                                "value": "{{components.numberinput2.value}}"
+                              },
+                              "decimalPlaces": {
+                                "value": "{{2}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "numberinput2",
+                          "displayName": "Number Input",
+                          "description": "Number field for forms",
+                          "component": "NumberInput",
+                          "defaultSize": {
+                            "width": 4,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "value": 99
+                          }
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 200.00000762939453,
+                            "left": 20.93028135805831,
+                            "width": 12,
+                            "height": 40
+                          }
+                        },
+                        "parent": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                      },
+                      "cca6303c-ef16-4260-9372-4e7d9415c830": {
+                        "id": "cca6303c-ef16-4260-9372-4e7d9415c830",
+                        "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": "{{queries.colorPalette.data.navbarBg}}",
+                                "fxActive": true
+                              },
+                              "borderRadius": {
+                                "value": "10"
+                              },
+                              "borderColor": {
+                                "value": "#ffffff00",
+                                "fxActive": false
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 10px 1px #00000040",
+                                "fxActive": false
+                              }
+                            },
+                            "properties": {
+                              "visible": {
+                                "value": "{{true}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "container3",
+                          "displayName": "Container",
+                          "description": "Wrapper for multiple components",
+                          "defaultSize": {
+                            "width": 5,
+                            "height": 200
+                          },
+                          "component": "Container",
+                          "exposedVariables": {}
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 19.999927520751953,
+                            "left": 2.3255818809714563,
+                            "width": 41,
+                            "height": 200
+                          }
+                        }
+                      },
+                      "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e": {
+                        "id": "a5593c55-f9b1-41e7-8e19-ff2655cf2e0e",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.navbarText}}",
+                                "fxActive": true
+                              },
+                              "textSize": {
+                                "value": "{{24}}"
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": "{{1}}"
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 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<br>N D"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text34",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 30.000030517578125,
+                            "left": 2.325586532820495,
+                            "width": 2.999999999999999,
+                            "height": 50
+                          }
+                        },
+                        "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                      },
+                      "ad2d719a-06ef-4eda-9f11-8b2577ae8656": {
+                        "id": "ad2d719a-06ef-4eda-9f11-8b2577ae8656",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.navbarText}}",
+                                "fxActive": true
+                              },
+                              "textSize": {
+                                "value": "{{18}}"
+                              },
+                              "textAlign": {
+                                "value": "right"
+                              },
+                              "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": "Inventory Management"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text35",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 10.000022888183594,
+                            "left": 72.09301773246553,
+                            "width": 10.999999999999998,
+                            "height": 50
+                          }
+                        },
+                        "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                      },
+                      "c48605fb-d070-430a-acd6-b53c74a91542": {
+                        "id": "c48605fb-d070-430a-acd6-b53c74a91542",
+                        "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": "#ffffff1a",
+                                "fxActive": false
+                              },
+                              "borderRadius": {
+                                "value": "10"
+                              },
+                              "borderColor": {
+                                "value": "#ffffff00"
+                              },
+                              "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": "Wrapper for multiple components",
+                          "defaultSize": {
+                            "width": 5,
+                            "height": 200
+                          },
+                          "component": "Container",
+                          "exposedVariables": {}
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 69.99997329711914,
+                            "left": 53.48836566428588,
+                            "width": 19,
+                            "height": 100
+                          }
+                        },
+                        "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                      },
+                      "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e": {
+                        "id": "e8993a2f-f890-4ea1-b3f5-c73b5d37d25e",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#ffffffff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{12}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "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": "Qty in total"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text36",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 10,
+                            "left": 2.3255595483197293,
+                            "width": 9,
+                            "height": 30
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "f7378bb7-fc93-401d-b607-9b85d7597e58": {
+                        "id": "f7378bb7-fc93-401d-b607-9b85d7597e58",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#ffffffff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{24}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "{{queries?.getProductStats?.data?.quantityInTotal ?? 0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text37",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 40.00006103515625,
+                            "left": 2.325598714555765,
+                            "width": 9,
+                            "height": 40
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "e1486c23-dbb0-45dd-8c10-1e2ed444268a": {
+                        "id": "e1486c23-dbb0-45dd-8c10-1e2ed444268a",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#e1ffbcff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{12}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "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": "Qty in stock"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text38",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 10.00006103515625,
+                            "left": 27.906983557818467,
+                            "width": 9,
+                            "height": 30
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "d12b2033-5ea0-49c8-9c77-d3afff7e98fe": {
+                        "id": "d12b2033-5ea0-49c8-9c77-d3afff7e98fe",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#ffe4b1ff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{12}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "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": "Low in stock"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text39",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 10,
+                            "left": 53.488367883212355,
+                            "width": 9,
+                            "height": 30
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "b968e82f-6b90-4aa0-811d-99822f468432": {
+                        "id": "b968e82f-6b90-4aa0-811d-99822f468432",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#e1ffbcff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{24}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "{{queries?.getProductStats?.data?.quantityInStock ?? 0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text40",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 40.000030517578125,
+                            "left": 27.90696726525265,
+                            "width": 9,
+                            "height": 40
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "9981da2a-e73b-4885-94f3-de13ea365a41": {
+                        "id": "9981da2a-e73b-4885-94f3-de13ea365a41",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#FFE4B1",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{24}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "{{queries?.getProductStats?.data?.lowInStock ?? 0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text41",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 40.00006103515625,
+                            "left": 53.488374549642096,
+                            "width": 9,
+                            "height": 40
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "7eec1073-d3c7-4c76-a658-875f5193660a": {
+                        "id": "7eec1073-d3c7-4c76-a658-875f5193660a",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#fd9eaaff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{12}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "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": "Out of stock"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text42",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 10,
+                            "left": 79.06977937741273,
+                            "width": 8,
+                            "height": 30
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "00ba0f12-bc7d-4f7d-82be-68098d4176e3": {
+                        "id": "00ba0f12-bc7d-4f7d-82be-68098d4176e3",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": ""
+                              },
+                              "textColor": {
+                                "value": "#fc9faaff",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{24}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "{{queries?.getProductStats?.data?.outOfStock ?? 0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbGetProducts.isLoading || queries.getProductStats.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text43",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 40.00006103515625,
+                            "left": 79.0697761556572,
+                            "width": 8,
+                            "height": 40
+                          }
+                        },
+                        "parent": "c48605fb-d070-430a-acd6-b53c74a91542"
+                      },
+                      "10ae148a-73d0-4704-afe0-509701496a57": {
+                        "id": "10ae148a-73d0-4704-afe0-509701496a57",
+                        "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": "e70226f2-0985-4145-9fb4-d8355258b0c5"
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.navbarBtnBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.navbarBtnText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.navbarBtnText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{5}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.navbarBtnBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Add new product"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button6",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "buttonText": "Button"
+                          },
+                          "actions": [
+                            {
+                              "handle": "click",
+                              "displayName": "Click"
+                            },
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "disable",
+                              "displayName": "Disable",
+                              "params": [
+                                {
+                                  "handle": "disable",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Visibility",
+                              "params": [
+                                {
+                                  "handle": "visible",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "loading",
+                              "displayName": "Loading",
+                              "params": [
+                                {
+                                  "handle": "loading",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 130.00004959106445,
+                            "left": 2.3255673782109563,
+                            "width": 5,
+                            "height": 40
+                          }
+                        },
+                        "parent": "cca6303c-ef16-4260-9372-4e7d9415c830"
+                      },
+                      "c661499a-48fd-4c95-ace8-0a0b8af9d350": {
+                        "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                                "fxActive": true
+                              },
+                              "headerTextColor": {
+                                "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                                "fxActive": true
+                              },
+                              "bodyBackgroundColor": {
+                                "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "triggerButtonBackgroundColor": {
+                                "value": "#4D72FA"
+                              },
+                              "triggerButtonTextColor": {
+                                "value": "#ffffffff"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "title": {
+                                "value": "Remove product"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "useDefaultButton": {
+                                "value": "{{false}}"
+                              },
+                              "triggerButtonLabel": {
+                                "value": "Launch Modal"
+                              },
+                              "size": {
+                                "value": "sm"
+                              },
+                              "hideTitleBar": {
+                                "value": "{{false}}"
+                              },
+                              "hideCloseButton": {
+                                "value": "{{false}}"
+                              },
+                              "hideOnEsc": {
+                                "value": "{{true}}"
+                              },
+                              "closeOnClickingOutside": {
+                                "value": "{{false}}"
+                              },
+                              "modalHeight": {
+                                "value": "180px"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "modal3",
+                          "displayName": "Modal",
+                          "description": "Modal triggered by events",
+                          "component": "Modal",
+                          "defaultSize": {
+                            "width": 10,
+                            "height": 34
+                          },
+                          "exposedVariables": {
+                            "show": false
+                          },
+                          "actions": [
+                            {
+                              "handle": "open",
+                              "displayName": "Open"
+                            },
+                            {
+                              "handle": "close",
+                              "displayName": "Close"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 919.9999504089355,
+                            "left": 27.906962694408737,
+                            "width": 4,
+                            "height": 30
+                          }
+                        },
+                        "withDefaultChildren": false
+                      },
+                      "683d6ea7-919b-45ae-ac4b-bd1db7f7392a": {
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": "{{15}}"
+                              },
+                              "textAlign": {
+                                "value": "center"
+                              },
+                              "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": "<strong>Warning:</strong> This process is irreversible.<br>\nAre you sure you want to remove the product?"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text24",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
+                        "layouts": {
+                          "desktop": {
+                            "top": 19.999996185302734,
+                            "left": 4.651163317075356,
+                            "width": 39,
+                            "height": 70
+                          }
+                        },
+                        "withDefaultChildren": false
+                      },
+                      "16d754e1-5c47-48ca-bebb-2c05305b2381": {
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Button Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Loading State",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {
+                            "onClick": {
+                              "displayName": "On click"
+                            },
+                            "onHover": {
+                              "displayName": "On hover"
+                            }
+                          },
+                          "styles": {
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "loaderColor": {
+                              "type": "color",
+                              "displayName": "Loader color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderRadius": {
+                              "type": "number",
+                              "displayName": "Border radius",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderColor": {
+                              "type": "color",
+                              "displayName": "Border color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [
+                              {
+                                "eventId": "onClick",
+                                "actionId": "run-query",
+                                "message": "Hello world!",
+                                "alertType": "info",
+                                "queryId": "1fd7199d-3feb-4c93-a2b6-070a77c075eb",
+                                "queryName": "tooljetdbRemoveProduct",
+                                "parameters": {}
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{5}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Remove"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbRemoveProduct.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button7",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "buttonText": "Button"
+                          },
+                          "actions": [
+                            {
+                              "handle": "click",
+                              "displayName": "Click"
+                            },
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "disable",
+                              "displayName": "Disable",
+                              "params": [
+                                {
+                                  "handle": "disable",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Visibility",
+                              "params": [
+                                {
+                                  "handle": "visible",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "loading",
+                              "displayName": "Loading",
+                              "params": [
+                                {
+                                  "handle": "loading",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350",
+                        "layouts": {
+                          "desktop": {
+                            "top": 100,
+                            "left": 53.4883593562437,
+                            "width": 10.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "withDefaultChildren": false
+                      },
+                      "20479ec7-d720-4f70-be3a-79b580a6702c": {
+                        "id": "20479ec7-d720-4f70-be3a-79b580a6702c",
+                        "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": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{5}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Cancel"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button8",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "buttonText": "Button"
+                          },
+                          "actions": [
+                            {
+                              "handle": "click",
+                              "displayName": "Click"
+                            },
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "disable",
+                              "displayName": "Disable",
+                              "params": [
+                                {
+                                  "handle": "disable",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Visibility",
+                              "params": [
+                                {
+                                  "handle": "visible",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "loading",
+                              "displayName": "Loading",
+                              "params": [
+                                {
+                                  "handle": "loading",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 99.99995803833008,
+                            "left": 23.255806746040598,
+                            "width": 10.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "parent": "c661499a-48fd-4c95-ace8-0a0b8af9d350"
+                      },
+                      "77c87ef4-529f-47fa-831a-05c96bb56518": {
+                        "id": "77c87ef4-529f-47fa-831a-05c96bb56518",
+                        "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"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "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": "{{queries.colorPalette.data.modalHeaderBg}}",
+                                "fxActive": true
+                              },
+                              "headerTextColor": {
+                                "value": "{{queries.colorPalette.data.modalHeaderText}}",
+                                "fxActive": true
+                              },
+                              "bodyBackgroundColor": {
+                                "value": "{{queries.colorPalette.data.modalBodyBg}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "triggerButtonBackgroundColor": {
+                                "value": "#4a90e2ff",
+                                "fxActive": false
+                              },
+                              "triggerButtonTextColor": {
+                                "value": "#ffffffff"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "title": {
+                                "value": "Edit Product #{{components.table1.selectedRow.id}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "useDefaultButton": {
+                                "value": "{{false}}"
+                              },
+                              "triggerButtonLabel": {
+                                "value": "Add a Product"
+                              },
+                              "size": {
+                                "value": "lg"
+                              },
+                              "hideTitleBar": {
+                                "value": "{{false}}"
+                              },
+                              "hideCloseButton": {
+                                "value": "{{false}}"
+                              },
+                              "hideOnEsc": {
+                                "value": "{{true}}"
+                              },
+                              "closeOnClickingOutside": {
+                                "value": "{{false}}"
+                              },
+                              "modalHeight": {
+                                "value": "490px"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "modal2",
+                          "displayName": "Modal",
+                          "description": "Modal triggered by events",
+                          "component": "Modal",
+                          "defaultSize": {
+                            "width": 10,
+                            "height": 400
+                          },
+                          "exposedVariables": {
+                            "show": false
+                          },
+                          "actions": [
+                            {
+                              "handle": "open",
+                              "displayName": "Open"
+                            },
+                            {
+                              "handle": "close",
+                              "displayName": "Close"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 920.0000610351562,
+                            "left": 16.279071708163297,
+                            "width": 4,
+                            "height": 30
+                          }
+                        }
+                      },
+                      "580ea5ee-1870-4b17-9e90-a470164586a5": {
+                        "id": "580ea5ee-1870-4b17-9e90-a470164586a5",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Button Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Loading State",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {
+                            "onClick": {
+                              "displayName": "On click"
+                            },
+                            "onHover": {
+                              "displayName": "On hover"
+                            }
+                          },
+                          "styles": {
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "loaderColor": {
+                              "type": "color",
+                              "displayName": "Loader color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderRadius": {
+                              "type": "number",
+                              "displayName": "Border radius",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                },
+                                "defaultValue": false
+                              }
+                            },
+                            "borderColor": {
+                              "type": "color",
+                              "displayName": "Border color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                },
+                                "defaultValue": false
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [
+                              {
+                                "eventId": "onClick",
+                                "actionId": "run-query",
+                                "message": "Hello world!",
+                                "alertType": "info",
+                                "queryId": "65d4cafc-537f-4874-8153-393f4108c0cb",
+                                "queryName": "tooljetdbUpdateProduct",
+                                "parameters": {}
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{6}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnPrimaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{components.textinput2.value.length < 1 || components.numberinput5.value < 0 || components.numberinput6.value == 0 || components.dropdown5.value == undefined || components.dropdown6.value == undefined || components.textarea3.value == \"\"}}",
+                                "fxActive": true
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Save changes"
+                              },
+                              "loadingState": {
+                                "value": "{{queries.tooljetdbUpdateProduct.isLoading}}",
+                                "fxActive": true
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button9",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {},
+                          "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": 420.0000057220459,
+                            "left": 79.06978899941035,
+                            "width": 6.992977528089888,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb": {
+                        "id": "b2ea1cba-58bb-4fd6-b6de-cb6f032bf5eb",
+                        "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": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                              }
+                            ],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBg}}",
+                                "fxActive": true
+                              },
+                              "textColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "loaderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryText}}",
+                                "fxActive": true
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "borderRadius": {
+                                "value": "{{5}}"
+                              },
+                              "borderColor": {
+                                "value": "{{queries.colorPalette.data.btnSecondaryBorder}}",
+                                "fxActive": true
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Cancel"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "button10",
+                          "displayName": "Button",
+                          "description": "Trigger actions: queries, alerts etc",
+                          "component": "Button",
+                          "defaultSize": {
+                            "width": 3,
+                            "height": 30
+                          },
+                          "exposedVariables": {},
+                          "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": 419.99999237060547,
+                            "left": 65.08360269503015,
+                            "width": 5.026685393258427,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38": {
+                        "id": "e34c4eed-2bc9-42d2-85d4-02ba4ea28f38",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Quantity"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text25",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140,
+                            "left": 4.651161786086923,
+                            "width": 7,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "19bce438-a2ca-41af-8055-46cfb3933872": {
+                        "id": "19bce438-a2ca-41af-8055-46cfb3933872",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "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"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Product Details"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text26",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 20,
+                            "left": 4.651161793912395,
+                            "width": 15,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108": {
+                        "id": "0065dcc9-35f5-49b5-bd6c-e6ed7a4af108",
+                        "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": "#C1C8CD",
+                                "fxActive": true
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {},
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "verticaldivider3",
+                          "displayName": "Vertical Divider",
+                          "description": "Vertical Separator between components",
+                          "component": "VerticalDivider",
+                          "defaultSize": {
+                            "width": 2,
+                            "height": 100
+                          },
+                          "exposedVariables": {
+                            "value": {}
+                          }
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140,
+                            "left": 51.162797507362264,
+                            "width": 1,
+                            "height": 100
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "b50551e1-ded0-4f02-b432-9cf7928b6749": {
+                        "id": "b50551e1-ded0-4f02-b432-9cf7928b6749",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Price ($)"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text27",
+                          "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": 200,
+                            "left": 4.651155125512338,
+                            "width": 6,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "1f67445b-4161-4ee3-94d9-4f1bdb10f792": {
+                        "id": "1f67445b-4161-4ee3-94d9-4f1bdb10f792",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Status"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text28",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140,
+                            "left": 55.81395137164659,
+                            "width": 5.03866958707847,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "ff78a251-d9be-44c1-a67b-fd3cf8e00247": {
+                        "id": "ff78a251-d9be-44c1-a67b-fd3cf8e00247",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Description"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text29",
+                          "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": 260.0000114440918,
+                            "left": 4.651164969781484,
+                            "width": 14.943668648140722,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "90cdac46-ceef-4608-a69a-3886fd90f937": {
+                        "id": "90cdac46-ceef-4608-a69a-3886fd90f937",
+                        "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": {},
+                          "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"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "{{components.table1.selectedRow.description}}"
+                              },
+                              "placeholder": {
+                                "value": "Enter product description..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "textarea3",
+                          "displayName": "Textarea",
+                          "description": "Text area form field",
+                          "component": "TextArea",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 100
+                          },
+                          "exposedVariables": {
+                            "value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "clear",
+                              "displayName": "Clear"
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 300.0000476837158,
+                            "left": 4.6511335594497325,
+                            "width": 39.00000000000001,
+                            "height": 100
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "e24173bd-0905-471a-b0d3-c3eff137b02d": {
+                        "id": "e24173bd-0905-471a-b0d3-c3eff137b02d",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Product name"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text30",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 80,
+                            "left": 4.651160213588963,
+                            "width": 6.992977528089888,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "988267b6-4523-4a8d-82db-ceae70601f42": {
+                        "id": "988267b6-4523-4a8d-82db-ceae70601f42",
+                        "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": null
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "{{components.table1.selectedRow.product_name}}"
+                              },
+                              "placeholder": {
+                                "value": "Enter product name"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "textinput2",
+                          "displayName": "Text Input",
+                          "description": "Text field for forms",
+                          "component": "TextInput",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "validation": {
+                            "regex": {
+                              "type": "code",
+                              "displayName": "Regex"
+                            },
+                            "minLength": {
+                              "type": "code",
+                              "displayName": "Min length"
+                            },
+                            "maxLength": {
+                              "type": "code",
+                              "displayName": "Max length"
+                            },
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": ""
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "text",
+                                  "defaultValue": "New Text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "clear",
+                              "displayName": "Clear"
+                            },
+                            {
+                              "handle": "setFocus",
+                              "displayName": "Set focus"
+                            },
+                            {
+                              "handle": "setBlur",
+                              "displayName": "Set blur"
+                            },
+                            {
+                              "handle": "disable",
+                              "displayName": "Disable",
+                              "params": [
+                                {
+                                  "handle": "disable",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 79.99998474121094,
+                            "left": 20.930219677504155,
+                            "width": 32,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87": {
+                        "id": "37e56ce8-cdaa-40b6-a8ed-6a9714fc4d87",
+                        "component": {
+                          "properties": {
+                            "text": {
+                              "type": "code",
+                              "displayName": "Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "union",
+                                  "schemas": [
+                                    {
+                                      "type": "string"
+                                    },
+                                    {
+                                      "type": "number"
+                                    }
+                                  ]
+                                }
+                              }
+                            },
+                            "loadingState": {
+                              "type": "toggle",
+                              "displayName": "Show loading state",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "general": {
+                            "tooltip": {
+                              "type": "code",
+                              "displayName": "Tooltip",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            }
+                          },
+                          "others": {
+                            "showOnDesktop": {
+                              "type": "toggle",
+                              "displayName": "Show on desktop"
+                            },
+                            "showOnMobile": {
+                              "type": "toggle",
+                              "displayName": "Show on mobile"
+                            }
+                          },
+                          "events": {},
+                          "styles": {
+                            "fontWeight": {
+                              "type": "select",
+                              "displayName": "Font Weight",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "bold",
+                                  "value": "bold"
+                                },
+                                {
+                                  "name": "lighter",
+                                  "value": "lighter"
+                                },
+                                {
+                                  "name": "bolder",
+                                  "value": "bolder"
+                                }
+                              ]
+                            },
+                            "decoration": {
+                              "type": "select",
+                              "displayName": "Text Decoration",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "overline",
+                                  "value": "overline"
+                                },
+                                {
+                                  "name": "line-through",
+                                  "value": "line-through"
+                                },
+                                {
+                                  "name": "underline",
+                                  "value": "underline"
+                                },
+                                {
+                                  "name": "overline underline",
+                                  "value": "overline underline"
+                                }
+                              ]
+                            },
+                            "transformation": {
+                              "type": "select",
+                              "displayName": "Text Transformation",
+                              "options": [
+                                {
+                                  "name": "none",
+                                  "value": "none"
+                                },
+                                {
+                                  "name": "uppercase",
+                                  "value": "uppercase"
+                                },
+                                {
+                                  "name": "lowercase",
+                                  "value": "lowercase"
+                                },
+                                {
+                                  "name": "capitalize",
+                                  "value": "capitalize"
+                                }
+                              ]
+                            },
+                            "fontStyle": {
+                              "type": "select",
+                              "displayName": "Font Style",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "italic",
+                                  "value": "italic"
+                                },
+                                {
+                                  "name": "oblique",
+                                  "value": "oblique"
+                                }
+                              ]
+                            },
+                            "lineHeight": {
+                              "type": "number",
+                              "displayName": "Line Height"
+                            },
+                            "textIndent": {
+                              "type": "number",
+                              "displayName": "Text Indent"
+                            },
+                            "letterSpacing": {
+                              "type": "number",
+                              "displayName": "Letter Spacing"
+                            },
+                            "wordSpacing": {
+                              "type": "number",
+                              "displayName": "Word Spacing"
+                            },
+                            "fontVariant": {
+                              "type": "select",
+                              "displayName": "Font Variant",
+                              "options": [
+                                {
+                                  "name": "normal",
+                                  "value": "normal"
+                                },
+                                {
+                                  "name": "small-caps",
+                                  "value": "small-caps"
+                                },
+                                {
+                                  "name": "initial",
+                                  "value": "initial"
+                                },
+                                {
+                                  "name": "inherit",
+                                  "value": "inherit"
+                                }
+                              ]
+                            },
+                            "textSize": {
+                              "type": "number",
+                              "displayName": "Text Size",
+                              "validation": {
+                                "schema": {
+                                  "type": "number"
+                                }
+                              }
+                            },
+                            "backgroundColor": {
+                              "type": "color",
+                              "displayName": "Background Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textColor": {
+                              "type": "color",
+                              "displayName": "Text Color",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "textAlign": {
+                              "type": "alignButtons",
+                              "displayName": "Align Text",
+                              "validation": {
+                                "schema": {
+                                  "type": "string"
+                                }
+                              }
+                            },
+                            "visibility": {
+                              "type": "toggle",
+                              "displayName": "Visibility",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            },
+                            "disabledState": {
+                              "type": "toggle",
+                              "displayName": "Disable",
+                              "validation": {
+                                "schema": {
+                                  "type": "boolean"
+                                }
+                              }
+                            }
+                          },
+                          "validate": true,
+                          "generalStyles": {
+                            "boxShadow": {
+                              "type": "boxShadow",
+                              "displayName": "Box Shadow"
+                            }
+                          },
+                          "definition": {
+                            "others": {
+                              "showOnDesktop": {
+                                "value": "{{true}}"
+                              },
+                              "showOnMobile": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "events": [],
+                            "styles": {
+                              "backgroundColor": {
+                                "value": "#fff00000"
+                              },
+                              "textColor": {
+                                "value": "",
+                                "fxActive": false
+                              },
+                              "textSize": {
+                                "value": 14
+                              },
+                              "textAlign": {
+                                "value": "left"
+                              },
+                              "fontWeight": {
+                                "value": "bold"
+                              },
+                              "decoration": {
+                                "value": "none"
+                              },
+                              "transformation": {
+                                "value": "none"
+                              },
+                              "fontStyle": {
+                                "value": "normal"
+                              },
+                              "lineHeight": {
+                                "value": 1.5
+                              },
+                              "textIndent": {
+                                "value": 0
+                              },
+                              "letterSpacing": {
+                                "value": 0
+                              },
+                              "wordSpacing": {
+                                "value": 0
+                              },
+                              "fontVariant": {
+                                "value": "normal"
+                              },
+                              "visibility": {
+                                "value": "{{true}}"
+                              },
+                              "disabledState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "text": {
+                                "value": "Category"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "text31",
+                          "displayName": "Text",
+                          "description": "Display markdown or HTML",
+                          "component": "Text",
+                          "defaultSize": {
+                            "width": 6,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "text": "Hello, there!"
+                          },
+                          "actions": [
+                            {
+                              "handle": "setText",
+                              "displayName": "Set Text",
+                              "params": [
+                                {
+                                  "handle": "text",
+                                  "displayName": "Text",
+                                  "defaultValue": "New text"
+                                }
+                              ]
+                            },
+                            {
+                              "handle": "visibility",
+                              "displayName": "Set Visibility",
+                              "params": [
+                                {
+                                  "handle": "visibility",
+                                  "displayName": "Value",
+                                  "defaultValue": "{{false}}",
+                                  "type": "toggle"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 200,
+                            "left": 55.813963751906705,
+                            "width": 5.03866958707847,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "7ea12940-680e-4ac1-b83b-8200aa3e4c42": {
+                        "id": "7ea12940-680e-4ac1-b83b-8200aa3e4c42",
+                        "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.numberinput5.value > 0 ? components.table1.selectedRow.status : \"out_of_stock\"}}"
+                              },
+                              "values": {
+                                "value": "{{components.numberinput5.value > 0 ? [\"in_stock\", \"yet_to_receive\"] : [\"out_of_stock\"]}}"
+                              },
+                              "display_values": {
+                                "value": "{{components.numberinput5.value > 0 ? [\"In stock\", \"Yet to receive\"] : [\"Out of stock\"]}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "placeholder": {
+                                "value": "Select status..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "dropdown5",
+                          "displayName": "Dropdown",
+                          "description": "Select one value from options",
+                          "defaultSize": {
+                            "width": 8,
+                            "height": 30
+                          },
+                          "component": "DropDown",
+                          "validation": {
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": 2,
+                            "searchText": "",
+                            "label": "Select",
+                            "optionLabels": [
+                              "one",
+                              "two",
+                              "three"
+                            ],
+                            "selectedOptionLabel": "two"
+                          },
+                          "actions": [
+                            {
+                              "handle": "selectOption",
+                              "displayName": "Select option",
+                              "params": [
+                                {
+                                  "handle": "select",
+                                  "displayName": "Select"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 140.00002098083496,
+                            "left": 67.44186541127978,
+                            "width": 12.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "da9c2558-72a6-40de-8316-280e94ab09ff": {
+                        "id": "da9c2558-72a6-40de-8316-280e94ab09ff",
+                        "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.category}}"
+                              },
+                              "values": {
+                                "value": "{{[\"apparel\",\"appliances\",\"beverage\",\"electronics\",\"food\",\"furniture\",\"software\"]}}"
+                              },
+                              "display_values": {
+                                "value": "{{[\"Apparel\",\"Appliances\",\"Beverage\",\"Electronics\",\"Food\",\"Furniture\",\"Software\"]}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              },
+                              "placeholder": {
+                                "value": "Select category..."
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "dropdown6",
+                          "displayName": "Dropdown",
+                          "description": "Select one value from options",
+                          "defaultSize": {
+                            "width": 8,
+                            "height": 30
+                          },
+                          "component": "DropDown",
+                          "validation": {
+                            "customRule": {
+                              "type": "code",
+                              "displayName": "Custom validation"
+                            }
+                          },
+                          "exposedVariables": {
+                            "value": 2,
+                            "searchText": "",
+                            "label": "Select",
+                            "optionLabels": [
+                              "one",
+                              "two",
+                              "three"
+                            ],
+                            "selectedOptionLabel": "two"
+                          },
+                          "actions": [
+                            {
+                              "handle": "selectOption",
+                              "displayName": "Select option",
+                              "params": [
+                                {
+                                  "handle": "select",
+                                  "displayName": "Select"
+                                }
+                              ]
+                            }
+                          ]
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 199.99999046325684,
+                            "left": 67.44184492717345,
+                            "width": 12.000000000000002,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3": {
+                        "id": "9c2a1cfd-ce9c-4e4b-b573-9336a468c5a3",
+                        "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": "#dadcdeff"
+                              },
+                              "textColor": {
+                                "value": "#232e3c"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "{{components.table1.selectedRow.quantity}}"
+                              },
+                              "maxValue": {
+                                "value": "1000"
+                              },
+                              "minValue": {
+                                "value": "0"
+                              },
+                              "placeholder": {
+                                "value": "{{components.numberinput5.value}}"
+                              },
+                              "decimalPlaces": {
+                                "value": "{{0}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "numberinput5",
+                          "displayName": "Number Input",
+                          "description": "Number field for forms",
+                          "component": "NumberInput",
+                          "defaultSize": {
+                            "width": 4,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "value": 99
+                          }
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 139.9999942779541,
+                            "left": 20.930229033515786,
+                            "width": 12,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      },
+                      "52c88014-8084-41e4-bbad-069fcbf4c89c": {
+                        "id": "52c88014-8084-41e4-bbad-069fcbf4c89c",
+                        "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": "#dadcdeff"
+                              },
+                              "textColor": {
+                                "value": "#232e3c"
+                              }
+                            },
+                            "generalStyles": {
+                              "boxShadow": {
+                                "value": "0px 0px 0px 0px #00000040"
+                              }
+                            },
+                            "properties": {
+                              "value": {
+                                "value": "{{components.table1.selectedRow.price}}"
+                              },
+                              "maxValue": {
+                                "value": "999999"
+                              },
+                              "minValue": {
+                                "value": "0.50"
+                              },
+                              "placeholder": {
+                                "value": "{{components.numberinput6.value}}"
+                              },
+                              "decimalPlaces": {
+                                "value": "{{2}}"
+                              },
+                              "loadingState": {
+                                "value": "{{false}}"
+                              }
+                            },
+                            "general": {},
+                            "exposedVariables": {}
+                          },
+                          "name": "numberinput6",
+                          "displayName": "Number Input",
+                          "description": "Number field for forms",
+                          "component": "NumberInput",
+                          "defaultSize": {
+                            "width": 4,
+                            "height": 30
+                          },
+                          "exposedVariables": {
+                            "value": 99
+                          }
+                        },
+                        "layouts": {
+                          "desktop": {
+                            "top": 200,
+                            "left": 20.930284607776873,
+                            "width": 12,
+                            "height": 40
+                          }
+                        },
+                        "parent": "77c87ef4-529f-47fa-831a-05c96bb56518"
+                      }
+                    },
+                    "events": [
+                      {
+                        "eventId": "onPageLoad",
+                        "actionId": "run-query",
+                        "message": "Hello world!",
+                        "alertType": "info",
+                        "queryId": "7345388e-eda4-494d-8a44-fac9d0e11f49",
+                        "queryName": "tooljetdbGetProducts",
+                        "parameters": {}
+                      }
+                    ]
+                  }
+                },
+                "globalSettings": {
+                  "hideHeader": true,
+                  "appInMaintenance": false,
+                  "canvasMaxWidth": "100000",
+                  "canvasMaxWidthType": "px",
+                  "canvasMaxHeight": "1000",
+                  "backgroundFxQuery": "{{queries.colorPalette.data[\"canvasBg_\"+globals.theme.name]}}",
+                  "canvasBackgroundColor": "#ffffff"
+                }
+              },
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": "1000",
+                "backgroundFxQuery": "",
+                "canvasBackgroundColor": ""
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "ee3bab86-1b34-40b7-9934-400b0a410dcd",
+              "appId": "ac5b4319-11ba-45e7-937b-1263e17800bd",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-04-26T09:17:58.938Z",
+              "updatedAt": "2024-05-10T11:38:31.639Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "8da9e9ab-e89f-496a-ab8c-81d2b67c48ab",
+              "dataSourceId": "b89380e8-edc1-43af-b3ea-6899cefce498",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.985Z",
+              "updatedAt": "2024-04-26T09:17:58.985Z"
+            },
+            {
+              "id": "58712ec6-ae3a-4798-bb3a-f5fc42c41e53",
+              "dataSourceId": "b89380e8-edc1-43af-b3ea-6899cefce498",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.985Z",
+              "updatedAt": "2024-04-26T09:17:58.985Z"
+            },
+            {
+              "id": "35337119-d12c-457a-8726-560f5905c601",
+              "dataSourceId": "b89380e8-edc1-43af-b3ea-6899cefce498",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.985Z",
+              "updatedAt": "2024-04-26T09:17:58.985Z"
+            },
+            {
+              "id": "a19a3dcd-e604-40a3-b0df-d234385e26b4",
+              "dataSourceId": "7705f7ac-6a9e-4542-9c2c-41966ed1683a",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.997Z",
+              "updatedAt": "2024-04-26T09:17:58.997Z"
+            },
+            {
+              "id": "c4ed72c0-4329-46c8-a271-05e82291c23f",
+              "dataSourceId": "7705f7ac-6a9e-4542-9c2c-41966ed1683a",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.997Z",
+              "updatedAt": "2024-04-26T09:17:58.997Z"
+            },
+            {
+              "id": "03f36542-9840-4b7c-9ffa-c8d668ad0c68",
+              "dataSourceId": "7705f7ac-6a9e-4542-9c2c-41966ed1683a",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:58.997Z",
+              "updatedAt": "2024-04-26T09:17:58.997Z"
+            },
+            {
+              "id": "94d95b87-eabd-455b-b54f-f370ee41ed79",
+              "dataSourceId": "35c7a63d-b6cf-4e92-bccb-0042f50c3a1c",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.008Z",
+              "updatedAt": "2024-04-26T09:17:59.008Z"
+            },
+            {
+              "id": "b45781c4-855f-46b7-aafc-22aa13648735",
+              "dataSourceId": "35c7a63d-b6cf-4e92-bccb-0042f50c3a1c",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.008Z",
+              "updatedAt": "2024-04-26T09:17:59.008Z"
+            },
+            {
+              "id": "dfebcdc0-d09b-4c20-a1e0-6cb05b09dbd8",
+              "dataSourceId": "35c7a63d-b6cf-4e92-bccb-0042f50c3a1c",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.008Z",
+              "updatedAt": "2024-04-26T09:17:59.008Z"
+            },
+            {
+              "id": "8d494967-4025-46b5-a25c-fd70eccc312e",
+              "dataSourceId": "23f1c9cd-cb20-4642-8277-306b3ec677d9",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.018Z",
+              "updatedAt": "2024-04-26T09:17:59.018Z"
+            },
+            {
+              "id": "827f04dc-f5d8-4b0b-bd66-b5bb14937fac",
+              "dataSourceId": "23f1c9cd-cb20-4642-8277-306b3ec677d9",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.018Z",
+              "updatedAt": "2024-04-26T09:17:59.018Z"
+            },
+            {
+              "id": "c179cb6c-3c02-470f-8ca6-8cc1e04e975a",
+              "dataSourceId": "23f1c9cd-cb20-4642-8277-306b3ec677d9",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.018Z",
+              "updatedAt": "2024-04-26T09:17:59.018Z"
+            },
+            {
+              "id": "37c86442-1549-4017-8bf6-0305c9c869ee",
+              "dataSourceId": "9cd19a11-a9fd-46a0-9d22-be72ef939929",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.032Z",
+              "updatedAt": "2024-04-26T09:17:59.032Z"
+            },
+            {
+              "id": "ddab1b05-9bb2-4f40-ad69-9e0d06c967a1",
+              "dataSourceId": "9cd19a11-a9fd-46a0-9d22-be72ef939929",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.032Z",
+              "updatedAt": "2024-04-26T09:17:59.032Z"
+            },
+            {
+              "id": "dfdb7187-6591-4eec-a809-9e58b7e56c4c",
+              "dataSourceId": "9cd19a11-a9fd-46a0-9d22-be72ef939929",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-04-26T09:17:59.032Z",
+              "updatedAt": "2024-04-26T09:17:59.032Z"
+            },
+            {
+              "id": "f1811a30-24ad-48b1-bdaa-7af49fb29032",
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": {
+                "personal_access_token": {
+                  "credential_id": "84dc347b-f78b-4dc6-bba6-ee61ed6c478c",
+                  "encrypted": true
+                }
+              },
+              "createdAt": "2024-04-26T09:17:59.232Z",
+              "updatedAt": "2024-04-26T09:17:59.232Z"
+            },
+            {
+              "id": "787565a2-7195-465d-bb3c-e1554bd01fac",
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": {
+                "personal_access_token": {
+                  "credential_id": "f6f9caca-9e95-4811-93cc-8f9c505815ef",
+                  "encrypted": true
+                }
+              },
+              "createdAt": "2024-04-26T09:17:59.242Z",
+              "updatedAt": "2024-04-26T09:19:10.406Z"
+            },
+            {
+              "id": "9ce39ae3-1582-4cb0-9a47-78dcd9f92e2f",
+              "dataSourceId": "99957ddf-2494-4607-aa37-f1169aa04229",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": {
+                "personal_access_token": {
+                  "credential_id": "6d98a1f3-ca80-49c6-ad27-eef55ca2b29f",
+                  "encrypted": true
+                }
+              },
+              "createdAt": "2024-04-26T09:17:59.250Z",
+              "updatedAt": "2024-04-26T09:17:59.250Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/inventory-management-airtable/manifest.json b/server/templates/inventory-management-airtable/manifest.json
new file mode 100644
index 0000000000..ca887b62fb
--- /dev/null
+++ b/server/templates/inventory-management-airtable/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Inventory management (Airtable)",
+  "description": "Organize product catalog in Airtable base with fields for details, inventory, and pricing to manage merchandise.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "Airtable",
+      "id": "airtable"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "inventory-management-airtable",
+  "category": "operations"
+}
\ No newline at end of file
diff --git a/server/templates/invoice-tracker-and-generator/definition.json b/server/templates/invoice-tracker-and-generator/definition.json
new file mode 100644
index 0000000000..a021d19675
--- /dev/null
+++ b/server/templates/invoice-tracker-and-generator/definition.json
@@ -0,0 +1,7952 @@
+{
+  "tooljet_database": [
+    {
+      "id": "22134693-8957-4964-b1ac-1858d9984865",
+      "table_name": "invoice_tracking_invoice_items",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"22134693-8957-4964-b1ac-1858d9984865_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "order_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "item_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "rate",
+            "data_type": "double precision",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "quantity",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "total_amount",
+            "data_type": "double precision",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "is_active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    },
+    {
+      "id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+      "table_name": "invoice_tracking_orders",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"21da8d89-bdc5-4cff-b3e3-9c377ddaa3da_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "customer_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "billing_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "bill_paid",
+            "data_type": "boolean",
+            "column_default": "false",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "payment_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "is_active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "customer_address",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "tax_percentage",
+            "data_type": "double precision",
+            "column_default": "0",
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "discount",
+            "data_type": "double precision",
+            "column_default": "0",
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "b0e245fe-b9ef-4852-9540-e74c47727cea",
+          "name": "Invoice tracking",
+          "slug": "b0e245fe-b9ef-4852-9540-e74c47727cea",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "shield",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-05-27T20:57:59.536Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-05-27T20:58:00.798Z",
+          "editingVersion": {
+            "id": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+            "appId": "b0e245fe-b9ef-4852-9540-e74c47727cea",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-05-27T20:57:59.555Z",
+            "updatedAt": "2024-09-02T12:25:53.246Z"
+          },
+          "components": [
+            {
+              "id": "393fe5c6-5c08-4f8f-be0f-ff32889cc3bc",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter customer address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5e3aad79-fca5-4d79-8188-d424cf95721b",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "393fe5c6-5c08-4f8f-be0f-ff32889cc3bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "4a685084-3827-4c32-a8b4-c58cffc1566d",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 12,
+                  "width": 29,
+                  "height": 100,
+                  "componentId": "393fe5c6-5c08-4f8f-be0f-ff32889cc3bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "e7e5d02e-89d0-4382-8959-6458950d77ce",
+              "name": "datepicker1",
+              "type": "Datepicker",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "format": {
+                  "value": "DD MMM YYYY"
+                },
+                "defaultValue": {
+                  "value": "{{moment().format(\"DD MMM YYYY\")}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-06-03T21:30:47.150Z",
+              "layouts": [
+                {
+                  "id": "0a50449a-a582-461c-b84b-b21a4a1f645e",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "e7e5d02e-89d0-4382-8959-6458950d77ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "6cf68213-7e11-4b75-baf9-8bd4e8df9384",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 14,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "e7e5d02e-89d0-4382-8959-6458950d77ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "ca1b4386-6cce-468e-b828-811a18c85c66",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+              "properties": {
+                "text": {
+                  "value": "+ Create order"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "59083653-dca8-4346-9242-9df817999cc3",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "ca1b4386-6cce-468e-b828-811a18c85c66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "3b436d7f-6d20-417c-ad98-0afb220ea7a6",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "ca1b4386-6cce-468e-b828-811a18c85c66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "ba535bba-e0eb-4bd1-b844-b319da1b8724",
+              "name": "datepicker2",
+              "type": "Datepicker",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "format": {
+                  "value": "DD MMM YYYY"
+                },
+                "defaultValue": {
+                  "value": "{{components.dropdown1.value ? components.datepicker1.value : \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "disabledState": {
+                  "value": "{{!components.dropdown1.value}}",
+                  "fxActive": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "a9ca7f1e-51ce-46db-aa41-d05c714e7f17",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "ba535bba-e0eb-4bd1-b844-b319da1b8724",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "49fd93fa-c4ac-41c9-9331-b6a90a996c90",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 14,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "ba535bba-e0eb-4bd1-b844-b319da1b8724",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "0a49b8ed-e6bf-4449-bbc8-2154df156539",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+              "properties": {
+                "text": {
+                  "value": "+ Add item"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1c98b112-ac25-4d42-b681-fc6f61dbef05",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "0a49b8ed-e6bf-4449-bbc8-2154df156539",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "f059cbf0-5558-43d0-8f30-633d8c283750",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 29,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "0a49b8ed-e6bf-4449-bbc8-2154df156539",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "{{`Edit order #${components.table1.selectedRow.id}`}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "700px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "415ca1ea-b1e1-4fd1-928d-07762ab88219",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 7,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "eaca5bcd-1b97-452e-a426-7bc6150b0c53",
+                  "type": "mobile",
+                  "top": 794,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "5cd6d9ce-bdb3-4c5e-94ab-db0ce14ba5fb",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Tax percentage</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "4f358854-79ac-4123-b49d-b8716e5a1dd5",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5cd6d9ce-bdb3-4c5e-94ab-db0ce14ba5fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "80e77aa8-1c53-4640-971e-d12da162318d",
+                  "type": "desktop",
+                  "top": 430,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "5cd6d9ce-bdb3-4c5e-94ab-db0ce14ba5fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "f1e667c4-1488-42c2-9d8b-b3125a34c7f7",
+              "name": "numberinput1",
+              "type": "NumberInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "value": {
+                  "value": "5"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconPercentage"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.00"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "810cc809-ac72-4b18-b001-069ff8b41e76",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "f1e667c4-1488-42c2-9d8b-b3125a34c7f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "deac4a13-dc52-4695-8aaf-1035f0d67076",
+                  "type": "desktop",
+                  "top": 430,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "f1e667c4-1488-42c2-9d8b-b3125a34c7f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "4e5f2005-9a59-4c64-852f-2a2a3c4eb01a",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Discount</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "76a8cb80-b8bd-4fa1-be26-09a4d4b97538",
+                  "type": "desktop",
+                  "top": 500,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "4e5f2005-9a59-4c64-852f-2a2a3c4eb01a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "bb7721bd-b4aa-44f1-8ddf-6967ac82050b",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "4e5f2005-9a59-4c64-852f-2a2a3c4eb01a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "7f1fa85d-aedd-4477-946e-9aeb19c696a3",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "value": {
+                  "value": "10"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.00"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5c8ec05d-25b7-42d8-a3e3-aa3a7f7d939a",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "7f1fa85d-aedd-4477-946e-9aeb19c696a3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "488d158b-f315-4ee5-a24f-ce5acc7c0882",
+                  "type": "desktop",
+                  "top": 500,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "7f1fa85d-aedd-4477-946e-9aeb19c696a3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "8c3631f3-d72b-41d9-9f81-4cf4fff5266d",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Bill paid</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "a453c63d-f9f3-4106-a9e9-a2cbe474797c",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8c3631f3-d72b-41d9-9f81-4cf4fff5266d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "0f415ba2-25d9-40d3-ac49-56ee395717de",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8c3631f3-d72b-41d9-9f81-4cf4fff5266d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "b3066e78-8c3e-44a5-8e1f-4a8c87e6f3e0",
+              "name": "numberinput3",
+              "type": "NumberInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.discount}}"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.00"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "d7583a7c-0e0c-47f2-90e0-a269f93d05aa",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b3066e78-8c3e-44a5-8e1f-4a8c87e6f3e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "b911aef6-965b-4a5b-8da7-3adab398e84c",
+                  "type": "desktop",
+                  "top": 500,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "b3066e78-8c3e-44a5-8e1f-4a8c87e6f3e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "811feb0c-896b-4ed9-b49f-2a88e779e49a",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Discount</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f74de22e-1042-4b25-861c-98a9c7b4346f",
+                  "type": "desktop",
+                  "top": 500,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "811feb0c-896b-4ed9-b49f-2a88e779e49a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "1b5d7d73-157a-4b2e-8e36-d8893b02557c",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "811feb0c-896b-4ed9-b49f-2a88e779e49a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "dfedd3f2-505e-4235-9f8c-b693e28aa255",
+              "name": "numberinput4",
+              "type": "NumberInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.tax_percentage}}"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconPercentage"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.00"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e7dcad49-ae48-4bb7-998d-17b4d2c1cf19",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "dfedd3f2-505e-4235-9f8c-b693e28aa255",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "baa4871e-75df-46a1-ad58-8b713b16acbb",
+                  "type": "desktop",
+                  "top": 430,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "dfedd3f2-505e-4235-9f8c-b693e28aa255",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "b6a4b81e-f6eb-4e87-8677-b0d64039b863",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Tax percentage</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "1ef094f3-11c2-4ae4-959e-bf12a0170feb",
+                  "type": "desktop",
+                  "top": 430,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "b6a4b81e-f6eb-4e87-8677-b0d64039b863",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "1cee6261-705d-4ae8-a9f5-5302e5f1dfb0",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "b6a4b81e-f6eb-4e87-8677-b0d64039b863",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "e35128de-8b38-4975-9c66-bae9d0b30fc6",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Payment date</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f13b2c86-7004-4b02-bdd6-038d32834b83",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "e35128de-8b38-4975-9c66-bae9d0b30fc6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "f65719db-1eef-40f6-9429-05b790eba584",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "e35128de-8b38-4975-9c66-bae9d0b30fc6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "1e0a5efe-738a-4c47-8aa1-1f237a19176e",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Total amount</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e7c5d5a9-4e0a-4385-a3b4-f40d26dc7c73",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "1e0a5efe-738a-4c47-8aa1-1f237a19176e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "a960814a-109b-486d-9835-901eb1a46572",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1e0a5efe-738a-4c47-8aa1-1f237a19176e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "d25e354e-6745-42f9-99fb-e52d2b834127",
+              "name": "numberinput3",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "value": {
+                  "value": "{{(components.numberinput1.value * components.numberinput2.value).toFixed(2)}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "96d57b5e-506d-4725-a512-e51ca047b5e2",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "d25e354e-6745-42f9-99fb-e52d2b834127",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "120ff376-2e58-4741-9c69-85a233a2ca9a",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "d25e354e-6745-42f9-99fb-e52d2b834127",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "6d916cbb-039c-41fb-bd75-392929da961e",
+              "name": "numberinput1",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "99"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "99ec063a-cfb3-4a3f-9c8b-d960f33c38fe",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "6d916cbb-039c-41fb-bd75-392929da961e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "37c81232-1d88-4edf-95d7-90028e9a761a",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "6d916cbb-039c-41fb-bd75-392929da961e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "422db4da-541d-445b-bd63-cdb07b477178",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                },
+                "value": {
+                  "value": "10"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "10555815-15f7-42da-be8c-fee104904889",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "422db4da-541d-445b-bd63-cdb07b477178",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "ad37be70-d7e6-42e1-913c-c59e7fd0c480",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "422db4da-541d-445b-bd63-cdb07b477178",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "4466a96a-e3cc-45a3-b201-c32eed3ca360",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Quantity</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5237247c-73a6-46db-80b4-b40b2cef071d",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "4466a96a-e3cc-45a3-b201-c32eed3ca360",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "e374511c-69fc-4521-a8a9-22d9ff4500af",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "4466a96a-e3cc-45a3-b201-c32eed3ca360",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "92b9e0a4-fdbe-4fbf-b1c3-e67ee9893492",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "1510e918-b596-4024-b470-d9938c1fafe5",
+              "properties": {
+                "icon": {
+                  "value": "IconChevronLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5fc0f6ab-4cff-4da0-a8ae-ef0e175f927e",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "92b9e0a4-fdbe-4fbf-b1c3-e67ee9893492",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "bf2fd81c-bc84-4eab-8d14-7abdc23f2eee",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 0,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "92b9e0a4-fdbe-4fbf-b1c3-e67ee9893492",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "a25f0ffb-9cff-42ce-b20b-49aaef7fa884",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+              "properties": {
+                "text": {
+                  "value": "Generate invoice"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getOrderDetails.isLoading || queries.printInvoice.isLoading}}"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{queries.getOrderItems.data.length < 1}}"
+                },
+                "tooltip": {
+                  "value": "{{queries.getOrderItems.data.length < 1 ? \"No items in the order! Please add an item to proceed.\" : \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "692d59cb-770c-427a-9681-530f3cc8fddf",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "a25f0ffb-9cff-42ce-b20b-49aaef7fa884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "9549823a-e2be-4548-89cb-7388bcd2e67b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "a25f0ffb-9cff-42ce-b20b-49aaef7fa884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "0c7533d6-1633-476e-a79a-94b53a461874",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "Close"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "4466ed2c-92a3-42e4-9b64-d01f29b3901a",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 26,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "0c7533d6-1633-476e-a79a-94b53a461874",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "39852f70-def8-4df8-affe-6c1193b83d4f",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "0c7533d6-1633-476e-a79a-94b53a461874",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "{{`Edit item #${components.table1.selectedRow.id}`}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "420px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "818f1e46-a724-4c25-8c8d-8a6590c2f362",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 7,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "7225b24b-018c-4f07-9d9a-49a5bfeb4030",
+                  "type": "mobile",
+                  "top": 794,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "14100a9d-dbbc-46ce-a1e5-dcc410ce370f",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "1510e918-b596-4024-b470-d9938c1fafe5",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Invoice tracking</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e78ddde5-1d34-43dd-9428-717331164acb",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "14100a9d-dbbc-46ce-a1e5-dcc410ce370f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "7ffff2bf-fcf0-40fa-acfa-a7dbe6517dbb",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "1510e918-b596-4024-b470-d9938c1fafe5",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "1e5ea6eb-8db4-44aa-8a9a-3d92f56514b1",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7ffff2bf-fcf0-40fa-acfa-a7dbe6517dbb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Add item"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "modalHeight": {
+                  "value": "420px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "65ae3b63-0c1d-4d0f-b958-5a4cc3c4525c",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 1,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "09cc7f9e-704a-4716-8f6d-864aeb0b7c0c",
+                  "type": "mobile",
+                  "top": 760,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "9a5d0379-3b3c-434f-a636-36c9781af898",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Item name</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "16"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "2330f8fe-025a-4d67-9db8-cdfc5b843d1a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "9a5d0379-3b3c-434f-a636-36c9781af898",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "a103b01b-9801-444f-9a75-837da312ed04",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "9a5d0379-3b3c-434f-a636-36c9781af898",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "730a3938-de30-4084-84bf-a5c5054c3631",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter item name"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "4d78a8f9-32b5-42ac-99b8-80ff122f28fe",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "730a3938-de30-4084-84bf-a5c5054c3631",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "70b5151c-dbae-4313-ac98-aaf5b25825f3",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 11,
+                  "width": 30,
+                  "height": 40,
+                  "componentId": "730a3938-de30-4084-84bf-a5c5054c3631",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "b1b8bfb7-c5c2-46bf-b70e-069685e56ad2",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "Add"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addOrderItem.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0817349f-c258-4d4c-a4ca-faf25fff26e0",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 34,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "b1b8bfb7-c5c2-46bf-b70e-069685e56ad2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "a91141d9-86ad-47df-bbbe-47e5c8a161b2",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "b1b8bfb7-c5c2-46bf-b70e-069685e56ad2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "6826ee3c-717a-411d-b139-392476ed8504",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "Close"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1c83f82a-0e8f-42db-b1e6-4127e04ec1f3",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "6826ee3c-717a-411d-b139-392476ed8504",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "5b241e0f-58c5-428b-9c50-88ba09790a3d",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 26,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "6826ee3c-717a-411d-b139-392476ed8504",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "e6ed3607-91de-407d-ac27-63248acc5090",
+              "name": "divider1",
+              "type": "Divider",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#bbbbbbff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "35aebf22-2367-4703-a76b-cee60d873a16",
+                  "type": "desktop",
+                  "top": 302,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": -27,
+                  "componentId": "e6ed3607-91de-407d-ac27-63248acc5090",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "2dd63545-5763-41c9-8548-8aa3445aa8d7",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": -1,
+                  "width": 23.25581395348837,
+                  "height": 10,
+                  "componentId": "e6ed3607-91de-407d-ac27-63248acc5090",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f2960522-d086-4eac-90db-9681b191ebbc",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 1,
+                  "width": 41,
+                  "height": 700,
+                  "componentId": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "32158eeb-c8e7-48f5-8d40-c7626bcd04e4",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "6f87cce7-07ab-45a4-899c-4f41096c4d79",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+              "properties": {
+                "loadingState": {
+                  "value": "{{queries.getOrderItems.isLoading}}",
+                  "fxActive": true
+                },
+                "data": {
+                  "value": "{{queries.getOrderItems.data}}"
+                },
+                "columnData": {
+                  "value": "{{[]}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "92712d6d-7595-44c9-89c3-bc37fe5b5d2d",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "1adf15fc-395d-41ee-9e30-9abc58de7b6a",
+                      "name": "item name",
+                      "key": "item_name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "3f31290d-ebf5-4091-8632-2b2f4bcb6baa",
+                      "name": "rate",
+                      "key": "rate",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "transformation": "{{cellValue}}"
+                    },
+                    {
+                      "id": "8052e52d-1b42-4271-9860-c3f7dd179d31",
+                      "name": "quantity",
+                      "key": "quantity",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "3ec7fbb9-a7fe-4096-8dc0-a00b5f000f51",
+                      "name": "total amount",
+                      "key": "total_amount",
+                      "columnType": "number",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2": 82,
+                    "d74be5d0-40c0-4750-a325-4cd5f868fd21": 188,
+                    "579ca426-b688-4bf9-96ec-ba0003a1f667": 270,
+                    "212cf4ce-e59c-4cba-a884-d4f8f2b4cd80": 116,
+                    "92712d6d-7595-44c9-89c3-bc37fe5b5d2d": 43
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action1",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    }
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "is_active",
+                    "created_at",
+                    "updated_at",
+                    "customer_name",
+                    "billing_date",
+                    "bill_paid",
+                    "payment_date",
+                    "invoice_id",
+                    "order_id"
+                  ]
+                },
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "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": "5"
+                },
+                "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-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:05:16.679Z",
+              "layouts": [
+                {
+                  "id": "5b480440-4c91-49bd-a3ff-03af36591c37",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "6f87cce7-07ab-45a4-899c-4f41096c4d79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "cc71550a-f9e8-439f-8bb9-e34d1018346c",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 580,
+                  "componentId": "6f87cce7-07ab-45a4-899c-4f41096c4d79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "3eb5c10b-9fee-4ee7-94e2-198bde17e526",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "31541f9f-f9cf-45f4-ba00-9480bd4c2204",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Items in order #{{globals.urlparams.invoice_id}}</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "411034b6-7fb6-4c05-afb3-29de11f7a29a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "3eb5c10b-9fee-4ee7-94e2-198bde17e526",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "767d4ba9-4caf-4067-bb65-3afb9301e8ce",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Rate</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "7e82e299-45f8-46e3-a056-58d4ee19580f",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "767d4ba9-4caf-4067-bb65-3afb9301e8ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "dbe3cee3-f44b-4f0e-b1f0-eef7b2d54e4b",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "767d4ba9-4caf-4067-bb65-3afb9301e8ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "4dbe6cbd-735f-44a4-bd90-12e12f30684f",
+              "name": "numberinput4",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.rate}}"
+                },
+                "label": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "2527082c-6b9f-4668-8e84-4b8f31b6ac64",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "4dbe6cbd-735f-44a4-bd90-12e12f30684f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "c9c6d627-b2aa-4429-9e26-10463c8085d9",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "4dbe6cbd-735f-44a4-bd90-12e12f30684f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "012e13a6-1980-42d4-976f-8089f466142b",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "value": "{{queries.updateOrderItem.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b042c596-4c86-40b3-8218-ee2a9c4b14f6",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "012e13a6-1980-42d4-976f-8089f466142b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "10e924f9-8127-4cbb-892f-e9793c33ec27",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 34,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "012e13a6-1980-42d4-976f-8089f466142b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "b36e3732-325a-4088-a148-dc433fc341c8",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter item name"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.item_name}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "bee0a5fd-1b32-4256-a434-a1a56f97cbdf",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 11,
+                  "width": 30,
+                  "height": 40,
+                  "componentId": "b36e3732-325a-4088-a148-dc433fc341c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "779a77c2-21f6-412c-96e9-099816100a58",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b36e3732-325a-4088-a148-dc433fc341c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "a4667a35-c986-4cda-8efb-1c7c3241089d",
+              "name": "numberinput5",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "value": {
+                  "value": "{{(components.numberinput4.value * components.numberinput6.value).toFixed(2)}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0.01"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "3be0ded4-51af-404f-86df-e129d817f91d",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "a4667a35-c986-4cda-8efb-1c7c3241089d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "4ba6df1a-29da-4f83-8e80-ca564244cc17",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "a4667a35-c986-4cda-8efb-1c7c3241089d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "89fd629c-a7c7-4316-a89d-899feaeb5a8d",
+              "name": "numberinput6",
+              "type": "NumberInput",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.quantity}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "decimalPlaces": {
+                  "value": "{{0}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                }
+              },
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f04e44bf-1e49-4c04-8a48-0968480aa2d6",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "89fd629c-a7c7-4316-a89d-899feaeb5a8d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "6d27171f-c09d-44b9-bda9-59798c4eccaa",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "89fd629c-a7c7-4316-a89d-899feaeb5a8d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "1f4acf7d-ce7a-4de0-8ff9-257a371d931f",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Total amount</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "6d07c54a-d9fb-45f6-8cf2-81e9684c7ea5",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "1f4acf7d-ce7a-4de0-8ff9-257a371d931f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "59dd7f57-bdd6-4b1b-856c-7e97c232ecb0",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1f4acf7d-ce7a-4de0-8ff9-257a371d931f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "c906257a-b396-4761-beba-f19128b06741",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Quantity</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5abe7f3a-6604-4353-ac99-968dabf63d80",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "c906257a-b396-4761-beba-f19128b06741",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "bf06f784-b9ac-4cb2-ba8e-3470123e3cea",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "c906257a-b396-4761-beba-f19128b06741",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "dd936214-e3b3-4e8e-a0f3-204b8c1746c3",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Rate</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "98dc37d3-1a77-461a-b8ec-469dd30bffc0",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "dd936214-e3b3-4e8e-a0f3-204b8c1746c3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "311d0d61-0154-4935-8f0c-53ddf6449b2e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "dd936214-e3b3-4e8e-a0f3-204b8c1746c3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "e32c4342-a8ec-4b33-a064-656eacb8f03a",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Item name</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "3b5f4df4-1c59-4680-b342-418311efff7a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 9.000000000000002,
+                  "height": 40,
+                  "componentId": "e32c4342-a8ec-4b33-a064-656eacb8f03a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "187ee63e-57b9-46b6-b2e3-6b94cd1bdc1e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "e32c4342-a8ec-4b33-a064-656eacb8f03a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "af63c5e2-f16e-4a27-a348-02e2bc260de0",
+              "name": "divider2",
+              "type": "Divider",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#bbbbbbff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "538cd34e-40cd-444e-9b78-c3944110d2c6",
+                  "type": "desktop",
+                  "top": 302,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": -27,
+                  "componentId": "af63c5e2-f16e-4a27-a348-02e2bc260de0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "39f9d015-f0a2-488a-91ba-da3d0df98441",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": -1,
+                  "width": 23.25581395348837,
+                  "height": 10,
+                  "componentId": "af63c5e2-f16e-4a27-a348-02e2bc260de0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "1510e918-b596-4024-b470-d9938c1fafe5",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "d541db86-e517-46b1-86ca-b293be5194af",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "1510e918-b596-4024-b470-d9938c1fafe5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "ed648720-7db3-4b2d-a100-52ebfa32285b",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "42d28422-62b9-4314-a079-933a27786f54",
+              "properties": {
+                "text": {
+                  "value": "Confirm"
+                },
+                "loadingState": {
+                  "value": "{{queries.deleteOrderItem.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5247a6be-e47f-400f-8804-d870741e52bd",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "ed648720-7db3-4b2d-a100-52ebfa32285b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "e039bc6c-26de-42bf-be9a-be5fd1ed62b7",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 22,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "ed648720-7db3-4b2d-a100-52ebfa32285b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "42d28422-62b9-4314-a079-933a27786f54",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Confirmation"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "200px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "a01c1e7b-70a5-41f6-adb5-4df00ee69b4f",
+                  "type": "mobile",
+                  "top": 860,
+                  "left": 17,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "42d28422-62b9-4314-a079-933a27786f54",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "100dbaf8-4306-412b-b5dd-6f3b21ef9a72",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 13,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "42d28422-62b9-4314-a079-933a27786f54",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "dd63d31e-07ea-4e5a-a969-b4f5a3028790",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "42d28422-62b9-4314-a079-933a27786f54",
+              "properties": {
+                "text": {
+                  "value": "{{`Are you sure you want to delete order item #${components.table1.selectedRow.id}?`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "2a9cbde9-0645-4c50-9245-2ebfcf4b1dae",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 7,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "dd63d31e-07ea-4e5a-a969-b4f5a3028790",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "56bc10bc-409f-4033-bc5a-790d958a65c4",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 4,
+                  "width": 35,
+                  "height": 80,
+                  "componentId": "dd63d31e-07ea-4e5a-a969-b4f5a3028790",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "566a9424-70a9-4152-8b8a-6d78c91b359f",
+              "name": "button9",
+              "type": "Button",
+              "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "parent": "42d28422-62b9-4314-a079-933a27786f54",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d0acce46-3430-4e39-b647-a635c5bd9b35",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "566a9424-70a9-4152-8b8a-6d78c91b359f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "1367940f-f685-41bd-9efb-2304bdbdcbae",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 5,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "566a9424-70a9-4152-8b8a-6d78c91b359f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "4c83731a-ab79-47d1-a677-e9f24b1eefaa",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Customer name</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "16"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e6e5d0e6-c569-495e-8eb6-add684559854",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "4c83731a-ab79-47d1-a677-e9f24b1eefaa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "552f7e4a-e8b8-4763-9749-160cdfda0577",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "4c83731a-ab79-47d1-a677-e9f24b1eefaa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "97d89ff1-8ecc-4b97-9ebe-66fa21996646",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter customer name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "48e6be61-60b7-47a9-ab65-2ddd0dcdaa7c",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 12,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "97d89ff1-8ecc-4b97-9ebe-66fa21996646",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "8f2f7b5f-e732-44f1-829c-bc99c79df7e9",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "97d89ff1-8ecc-4b97-9ebe-66fa21996646",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "8249a198-6b6a-439f-a0cb-4920de05f194",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Billing date</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f58a730d-b61e-4069-a8c7-fa385ce1e927",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8249a198-6b6a-439f-a0cb-4920de05f194",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "5ef22eb0-669f-4421-becb-bafa482f370e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8249a198-6b6a-439f-a0cb-4920de05f194",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "168d0102-15b5-4955-b521-eb7f6e93cf94",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Bill paid</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "acdf8d31-1e39-4b1b-962e-8440c5f83836",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "168d0102-15b5-4955-b521-eb7f6e93cf94",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "b8d10059-6cdb-4fdc-a232-79dd95db22a9",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "168d0102-15b5-4955-b521-eb7f6e93cf94",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "769c4bee-b845-45c5-ad00-d819f86d2a33",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{true}}"
+                },
+                "values": {
+                  "value": "{{[true, false]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Yes\", \"No\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e2daebed-063a-4a20-8b05-493197d407d2",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "769c4bee-b845-45c5-ad00-d819f86d2a33",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "edba35c4-4c80-49f3-8002-337ee7bd24ba",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 9,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "769c4bee-b845-45c5-ad00-d819f86d2a33",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "f4ffc0dc-aad3-4024-b8b8-906656006818",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Payment date</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5ae88322-32b7-4567-b0a6-20480b564861",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "f4ffc0dc-aad3-4024-b8b8-906656006818",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "7a21a74e-d911-4cfa-bf24-8c3ed34dea81",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f4ffc0dc-aad3-4024-b8b8-906656006818",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "6124d632-5d36-4c48-b884-f16ca5324280",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "Create"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addOrder.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b2e950f2-4d5e-4699-a418-889a45a7774a",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "6124d632-5d36-4c48-b884-f16ca5324280",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "50072c82-2808-4493-8c41-96ffd73c0792",
+                  "type": "desktop",
+                  "top": 620,
+                  "left": 34,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "6124d632-5d36-4c48-b884-f16ca5324280",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "7f18a0df-bb4a-48a7-af60-e04474580f7a",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "Close"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1b4d2232-28b6-46d8-aae0-4c6c34dd9465",
+                  "type": "desktop",
+                  "top": 620,
+                  "left": 26,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "7f18a0df-bb4a-48a7-af60-e04474580f7a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "a880fab7-2032-486e-84dd-2f5638613f69",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "7f18a0df-bb4a-48a7-af60-e04474580f7a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "ff3da6bd-5789-47c8-b48d-331a4f07e2b8",
+              "name": "divider1",
+              "type": "Divider",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#bbbbbbff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e2828754-420d-4653-90e0-dd6ceafbefb3",
+                  "type": "desktop",
+                  "top": 582,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": -27,
+                  "componentId": "ff3da6bd-5789-47c8-b48d-331a4f07e2b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "2f9c7317-2ddd-480f-882c-40fda42a1dae",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": -1,
+                  "width": 23.25581395348837,
+                  "height": 10,
+                  "componentId": "ff3da6bd-5789-47c8-b48d-331a4f07e2b8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "ba86fcba-3eac-42c8-a873-8ba67b3b3b23",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "5c67770e-ff29-49be-94d9-615d2a13801a",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 1,
+                  "width": 41,
+                  "height": 700,
+                  "componentId": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+              "properties": {
+                "loadingState": {
+                  "value": "{{queries.getOrders.isLoading}}",
+                  "fxActive": true
+                },
+                "data": {
+                  "value": "{{queries.getOrders.data}}"
+                },
+                "columnData": {
+                  "value": "{{[]}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "92712d6d-7595-44c9-89c3-bc37fe5b5d2d",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "579ca426-b688-4bf9-96ec-ba0003a1f667",
+                      "name": "customer name",
+                      "key": "customer_name"
+                    },
+                    {
+                      "id": "d74be5d0-40c0-4750-a325-4cd5f868fd21",
+                      "name": "billing date",
+                      "key": "billing_date",
+                      "columnType": "datepicker",
+                      "isTimeChecked": "{{false}}",
+                      "dateFormat": "DD MMM YYYY",
+                      "parseDateFormat": "YYYY-MM-DDTHH:mm:ssZ",
+                      "isDateSelectionEnabled": "{{true}}",
+                      "parseInUnixTimestamp": "{{false}}",
+                      "unixTimestamp": "milliseconds"
+                    },
+                    {
+                      "id": "212cf4ce-e59c-4cba-a884-d4f8f2b4cd80",
+                      "name": "bill paid",
+                      "key": "bill_paid",
+                      "columnType": "boolean"
+                    },
+                    {
+                      "id": "fcd8b77b-f55b-4c0d-8216-f7409d98960a",
+                      "name": "payment date",
+                      "key": "payment_date",
+                      "columnType": "datepicker",
+                      "isTimeChecked": "{{false}}",
+                      "dateFormat": "DD MMM YYYY",
+                      "parseDateFormat": "YYYY-MM-DDTHH:mm:ssZ",
+                      "parseInUnixTimestamp": "{{false}}",
+                      "unixTimestamp": "milliseconds",
+                      "isDateSelectionEnabled": "{{true}}"
+                    },
+                    {
+                      "id": "ad9c2b13-4beb-4b2a-9a6b-dae4939b98ad",
+                      "name": "tax (%)",
+                      "key": "tax_percentage",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "transformation": "{{cellValue}}"
+                    },
+                    {
+                      "id": "ef3a3687-fd08-497c-a64a-8382c0f7acb1",
+                      "name": "discount ($)",
+                      "key": "discount",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "transformation": "{{cellValue}}"
+                    },
+                    {
+                      "id": "836fd859-236d-4429-8b6f-3ee66f18403b",
+                      "name": "customer address",
+                      "key": "customer_address",
+                      "columnType": "string",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "f23b7d134b2e490ea41e3bb8eeb8c8e37472af243bf6b70d5af294482097e3a2": 82,
+                    "d74be5d0-40c0-4750-a325-4cd5f868fd21": 139,
+                    "579ca426-b688-4bf9-96ec-ba0003a1f667": 176,
+                    "212cf4ce-e59c-4cba-a884-d4f8f2b4cd80": 101,
+                    "92712d6d-7595-44c9-89c3-bc37fe5b5d2d": 47,
+                    "ad9c2b13-4beb-4b2a-9a6b-dae4939b98ad": 89,
+                    "fcd8b77b-f55b-4c0d-8216-f7409d98960a": 133,
+                    "bf1a6cd6-ce67-4533-93da-374e984e40fa": 128,
+                    "836fd859-236d-4429-8b6f-3ee66f18403b": 201,
+                    "ef3a3687-fd08-497c-a64a-8382c0f7acb1": 126
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "View invoice items",
+                      "events": [],
+                      "position": "right"
+                    },
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit ",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    }
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "is_active",
+                    "created_at",
+                    "updated_at"
+                  ]
+                },
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "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": "5"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "maxRowHeight": {
+                  "value": "auto"
+                },
+                "maxRowHeightValue": {
+                  "value": 45
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "tableType": {
+                  "value": "table-classic"
+                },
+                "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-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:05:31.696Z",
+              "layouts": [
+                {
+                  "id": "92854faa-e7c7-4fd9-9aff-6f8ff1283002",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "dc13f995-317a-49b2-9227-08d8e0df6833",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 580,
+                  "componentId": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "5a0ddf34-f4ab-40f1-8a4c-c3b0f8123fcb",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "e5baeeab-7151-41f1-a1c2-4a3815eaad76",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Orders</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "9f4e3c12-33cb-485f-b26a-6423c8f40f1f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "5a0ddf34-f4ab-40f1-8a4c-c3b0f8123fcb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "0c9623e7-873c-4388-9a7f-cf15c40f3188",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Customer address</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "7e34ac5e-1f87-4213-8b54-3f2f4b84d63a",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "0c9623e7-873c-4388-9a7f-cf15c40f3188",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "c9db3640-6207-4d49-b4a1-6c3e0351a722",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0c9623e7-873c-4388-9a7f-cf15c40f3188",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "b3e53f4e-ba1b-415e-bd14-17552fcd8115",
+              "name": "datepicker3",
+              "type": "Datepicker",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{components.dropdown2.value\n  ? components.table1.selectedRow.payment_date\n    ? moment(components.table1.selectedRow.payment_date).format(\"DD MMM YYYY\")\n    : components.datepicker4.value\n  : \"\"}}"
+                },
+                "format": {
+                  "value": "DD MMM YYYY"
+                }
+              },
+              "general": {},
+              "styles": {
+                "disabledState": {
+                  "value": "{{!components.dropdown2.value}}",
+                  "fxActive": true
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "5790f6f1-4e45-48c6-ba25-73ead352feb4",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 14,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "b3e53f4e-ba1b-415e-bd14-17552fcd8115",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "226f21da-b412-4b92-b953-fcf93369c764",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "b3e53f4e-ba1b-415e-bd14-17552fcd8115",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "89ff6387-c420-4e15-a317-8932ee719f80",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "Close"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "8c5d3ff9-4d62-49dd-9e64-41b61107a4da",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "89ff6387-c420-4e15-a317-8932ee719f80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "2a362d56-6d53-4a51-bf63-1863aa89c326",
+                  "type": "desktop",
+                  "top": 620,
+                  "left": 26,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "89ff6387-c420-4e15-a317-8932ee719f80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "045883bb-fcde-4e67-bca7-ac3f3a9498c8",
+              "name": "divider2",
+              "type": "Divider",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#bbbbbbff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "cda580b5-a2df-4cac-b292-669f1726b032",
+                  "type": "desktop",
+                  "top": 582,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": -27,
+                  "componentId": "045883bb-fcde-4e67-bca7-ac3f3a9498c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "b465e39c-7ac4-4a00-a7a1-c587bef3c8b3",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": -1,
+                  "width": 23.25581395348837,
+                  "height": 10,
+                  "componentId": "045883bb-fcde-4e67-bca7-ac3f3a9498c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "151f8b2d-c447-4b31-bbfc-a7dba42083e5",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "value": "{{queries.updateOrder.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "de3cf6ca-3038-4a53-b303-5722890dd84f",
+                  "type": "desktop",
+                  "top": 620,
+                  "left": 34,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "151f8b2d-c447-4b31-bbfc-a7dba42083e5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "b09c76f8-84ac-4f47-8bb4-b9912c3e7606",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "151f8b2d-c447-4b31-bbfc-a7dba42083e5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "289d52d4-421f-4369-b543-a9538ed30ffd",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Billing date</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f2c77bb0-4731-441c-b009-18e3e93cc09c",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "289d52d4-421f-4369-b543-a9538ed30ffd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "ff4473d6-0a7c-47ca-81b6-db8436eec250",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "289d52d4-421f-4369-b543-a9538ed30ffd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "d2c7b4a5-22c1-404d-a2db-7991b465eb41",
+              "name": "datepicker4",
+              "type": "Datepicker",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{moment(components.table1.selectedRow.billing_date).format(\"DD MMM YYYY\")}}"
+                },
+                "format": {
+                  "value": "DD MMM YYYY"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "cc3274c0-7892-457f-a12b-ec69e21a1996",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 14,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "d2c7b4a5-22c1-404d-a2db-7991b465eb41",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "dc9f5f47-b8cb-43e8-ad92-7af98d9fdc67",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "d2c7b4a5-22c1-404d-a2db-7991b465eb41",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "21eca8f1-a882-4353-b6bc-24c367b7344a",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.bill_paid}}"
+                },
+                "values": {
+                  "value": "{{[true, false]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Yes\", \"No\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "e7fe2e1f-7486-4f6a-9483-183dab3ba976",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 9,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "21eca8f1-a882-4353-b6bc-24c367b7344a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "23efc506-4a4c-4a63-af5c-b9cd7045b829",
+                  "type": "desktop",
+                  "top": 290,
+                  "left": 12,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "21eca8f1-a882-4353-b6bc-24c367b7344a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "8f9a24df-9a9e-4dcc-89c8-3793636a7d4a",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Customer address</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f2068678-b5fe-4da5-9fb7-670f69bbf31e",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8f9a24df-9a9e-4dcc-89c8-3793636a7d4a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "8e191947-f79e-4342-a42a-172572f74d61",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8f9a24df-9a9e-4dcc-89c8-3793636a7d4a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "c5773490-b81f-4f61-af31-da352baf4c68",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Customer name</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "87d00c1a-30c8-4c8b-b63b-16d5539488f3",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "c5773490-b81f-4f61-af31-da352baf4c68",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "2f2095d8-62c4-4061-b407-a8c9a3ee1a82",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "c5773490-b81f-4f61-af31-da352baf4c68",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "8d2c9750-b05b-4282-b580-2431d6fe40f4",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter customer name"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.customer_name}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "0ccbfb39-e298-4688-957c-cf57b70719ef",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 14,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "8d2c9750-b05b-4282-b580-2431d6fe40f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "f15b9d29-c734-4646-b88c-e5a50fcd2ee7",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 12,
+                  "width": 29,
+                  "height": 40,
+                  "componentId": "8d2c9750-b05b-4282-b580-2431d6fe40f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "52ab2014-8b09-4098-9e3a-43931a8bb0aa",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "23acfe0d-5d83-4dd9-9a77-44a5def06381",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "52ab2014-8b09-4098-9e3a-43931a8bb0aa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "7fafa62e-b70d-4a1a-9b92-22eb03e9416d",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.customer_address}}"
+                },
+                "placeholder": {
+                  "value": "Enter customer address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "47b4d5fe-4213-4181-b140-de1d689a2424",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "7fafa62e-b70d-4a1a-9b92-22eb03e9416d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "6b25f1f3-80a6-4091-b1df-358a1451e7b2",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 12,
+                  "width": 29,
+                  "height": 100,
+                  "componentId": "7fafa62e-b70d-4a1a-9b92-22eb03e9416d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Confirmation"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "200px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "f631936f-2ef1-4934-945d-09dbfd7e26b2",
+                  "type": "mobile",
+                  "top": 860,
+                  "left": 17,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "943c0959-419d-43e6-9635-50ced432cff4",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 13,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "2a13779c-e74f-4071-a18c-fd8db4dbfc80",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+              "properties": {
+                "text": {
+                  "value": "{{`Are you sure you want to delete order #${components.table1.selectedRow.id}?`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "6e3a319c-e3a8-415a-927a-764c7671d377",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 7,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "2a13779c-e74f-4071-a18c-fd8db4dbfc80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "0567b2e8-b786-482a-b2e0-be82f056c68f",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 4,
+                  "width": 35,
+                  "height": 80,
+                  "componentId": "2a13779c-e74f-4071-a18c-fd8db4dbfc80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "f9e24fcf-584e-415a-bba7-b0269a3783bd",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+              "properties": {
+                "text": {
+                  "value": "Confirm"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.deleteOrder.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "631ca26d-0d8e-40bc-8b5f-6e5bf32ce23c",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 22,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "f9e24fcf-584e-415a-bba7-b0269a3783bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "74be13a4-af93-4af9-9b21-13f77b733a32",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f9e24fcf-584e-415a-bba7-b0269a3783bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "004482d4-b9f9-4059-badb-65198b217855",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1e856d51-3aa1-416c-8bcc-0ea986ee8686",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 33,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "004482d4-b9f9-4059-badb-65198b217855",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "8879fd1b-9f88-4d12-b8bf-c7e28f875108",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 5,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "004482d4-b9f9-4059-badb-65198b217855",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "06d0c313-5634-4fc1-8e92-e636b63ce107",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "52ab2014-8b09-4098-9e3a-43931a8bb0aa",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Invoice tracking</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "4a1c5085-d9e7-4b57-ba14-f7248e2fd770",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "06d0c313-5634-4fc1-8e92-e636b63ce107",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "43b3bede-a227-483d-9847-bca1c207325b",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": "52ab2014-8b09-4098-9e3a-43931a8bb0aa",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "bdaea58c-b4cd-409e-90b2-8b5710873687",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "43b3bede-a227-483d-9847-bca1c207325b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            },
+            {
+              "id": "906349bb-a721-48ba-8ee5-4cc73425763d",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Create order"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "modalHeight": {
+                  "value": "700px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z",
+              "layouts": [
+                {
+                  "id": "4f7e856e-96ae-4391-951c-26d055321352",
+                  "type": "desktop",
+                  "top": 844,
+                  "left": 1,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "906349bb-a721-48ba-8ee5-4cc73425763d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                },
+                {
+                  "id": "2d9d9587-97b2-4ef5-ba35-7290f1e91e4b",
+                  "type": "mobile",
+                  "top": 760,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "906349bb-a721-48ba-8ee5-4cc73425763d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-17T17:24:59.500Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:04:08.010Z",
+              "autoComputeLayout": false,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "name": "Invoice items",
+              "handle": "invoice-items",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:04:08.010Z",
+              "autoComputeLayout": false,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "pageGroupIndex": 2,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "39bff6cb-a8dc-43f2-a4d3-3702c0c070fc",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "pageId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "invoice_id",
+                    "{{components.table1.selectedRow.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+              "target": "table_action",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.568Z"
+            },
+            {
+              "id": "647e5840-4179-4261-b994-7187ef99b337",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+              "target": "table_action",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.576Z"
+            },
+            {
+              "id": "732087ec-7b7e-412b-ab19-2563e047b2ec",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action2",
+                "modal": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "dc91acd7-3c83-4518-8989-f995e9237a6a",
+              "target": "table_action",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.585Z"
+            },
+            {
+              "id": "7226f4eb-a6a0-457d-b80f-49d9bee2d424",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "89ff6387-c420-4e15-a317-8932ee719f80",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.595Z"
+            },
+            {
+              "id": "35b55144-6eb0-4476-946d-3dbf05ef23fe",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateOrder",
+                "parameters": {}
+              },
+              "sourceId": "151f8b2d-c447-4b31-bbfc-a7dba42083e5",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.603Z"
+            },
+            {
+              "id": "b3d78216-c765-4783-b9c2-814b9b19ff77",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteOrder",
+                "parameters": {}
+              },
+              "sourceId": "f9e24fcf-584e-415a-bba7-b0269a3783bd",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.610Z"
+            },
+            {
+              "id": "96a525cf-4477-4e55-81fe-590047cb58a1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "004482d4-b9f9-4059-badb-65198b217855",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.623Z"
+            },
+            {
+              "id": "7e8db32f-da6b-4a19-b402-c0a0bf25066e",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "ac4f6fff-ec36-4315-8d56-77c91e7d42fe",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getInvoices",
+                "parameters": {}
+              },
+              "sourceId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "target": "page",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.631Z"
+            },
+            {
+              "id": "00c9a3de-5563-4184-b2b1-d0eb0ea4e691",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c589586c-7ef7-4649-92eb-235d504255bf",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addInvoiceItem",
+                "parameters": {}
+              },
+              "sourceId": "b1b8bfb7-c5c2-46bf-b70e-069685e56ad2",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.638Z"
+            },
+            {
+              "id": "2a121d23-6811-4bd6-ba73-fdcf026adb87",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "6826ee3c-717a-411d-b139-392476ed8504",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.645Z"
+            },
+            {
+              "id": "47c1dcb2-a926-4cf5-80de-3312424addda",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0a49b8ed-e6bf-4449-bbc8-2154df156539",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.653Z"
+            },
+            {
+              "id": "bc2f9662-2d31-4cc7-8e3b-231ad245ab30",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "modal": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "6f87cce7-07ab-45a4-899c-4f41096c4d79",
+              "target": "table_action",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.660Z"
+            },
+            {
+              "id": "fa79c30d-4724-4d33-ab03-de5897b84b7b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "42d28422-62b9-4314-a079-933a27786f54",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "6f87cce7-07ab-45a4-899c-4f41096c4d79",
+              "target": "table_action",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.667Z"
+            },
+            {
+              "id": "bb60cd24-c4a6-40a2-94fb-873917a55f40",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "92b9e0a4-fdbe-4fbf-b1c3-e67ee9893492",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.675Z"
+            },
+            {
+              "id": "c56dc6c3-3d2f-44a7-a065-8f875a077ea9",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "79de4224-4e33-4b5d-9b1f-8dad5ebdff66",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getOrderDetails",
+                "parameters": {}
+              },
+              "sourceId": "a25f0ffb-9cff-42ce-b20b-49aaef7fa884",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.683Z"
+            },
+            {
+              "id": "4f90d3bc-eb98-4935-aadc-60a45750bdea",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0c7533d6-1633-476e-a79a-94b53a461874",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.690Z"
+            },
+            {
+              "id": "c93b3b9a-7b2a-4096-9b92-9fc9f1fe2526",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateOrderItem",
+                "parameters": {}
+              },
+              "sourceId": "012e13a6-1980-42d4-976f-8089f466142b",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.697Z"
+            },
+            {
+              "id": "e1ecf6c3-b551-421e-9a59-b382d626ca76",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteOrderItem",
+                "parameters": {}
+              },
+              "sourceId": "ed648720-7db3-4b2d-a100-52ebfa32285b",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.705Z"
+            },
+            {
+              "id": "3197ceb6-2e36-4ed8-b354-2a24a9bd35cc",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addInvoice",
+                "parameters": {}
+              },
+              "sourceId": "6124d632-5d36-4c48-b884-f16ca5324280",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.461Z"
+            },
+            {
+              "id": "7d94c46f-3e78-4b6a-bc15-cd476139476e",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "906349bb-a721-48ba-8ee5-4cc73425763d",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "7f18a0df-bb4a-48a7-af60-e04474580f7a",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.468Z"
+            },
+            {
+              "id": "b757ddc3-2ea8-4ac4-9218-cfd64303d9e6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "906349bb-a721-48ba-8ee5-4cc73425763d",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "ca1b4386-6cce-468e-b828-811a18c85c66",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.476Z"
+            },
+            {
+              "id": "7bf62bcf-c540-40e4-b6cc-6c6905cbb003",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update order details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "f992046b-ab7f-4292-9d6e-407c59f7516a",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Order item details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "b8090987-0ad1-4a10-9fbf-7f4c160dea42",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update order item details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "6c5d233e-3c0e-44ff-99d8-d11c639e22ea",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Order deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "5aabbf72-6ca8-48a5-b4a5-9e9fab84b49b",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to delete order! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "b0291917-8fad-4481-94ae-1a50ebb5b943",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to delete order item! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "cebbdc87-8001-483f-b1f9-8e54e570d664",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Order item deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "db8157ba-7b8b-460b-87b2-9709a941f80f",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ac4f6fff-ec36-4315-8d56-77c91e7d42fe",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getOrders",
+                "parameters": {}
+              },
+              "sourceId": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.484Z"
+            },
+            {
+              "id": "1bd96128-267f-41f3-ade1-e32fa7ed84dc",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "a355b945-483d-4a2c-97e5-8dd22fb260fa",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.494Z"
+            },
+            {
+              "id": "eaee2f6f-b268-4ee1-a57f-d6868c905f12",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "f949526c-a5e0-4080-a158-b59f0b97f833",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getOrderItems",
+                "parameters": {}
+              },
+              "sourceId": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.504Z"
+            },
+            {
+              "id": "7511a215-a527-4f48-b49d-d47f31ee3f48",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "20ac82c1-d038-4a2b-91f2-03f474bb5284",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.516Z"
+            },
+            {
+              "id": "34a6ce67-c2fc-46c3-ada5-4f8e2eba634b",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ac4f6fff-ec36-4315-8d56-77c91e7d42fe",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getOrders",
+                "parameters": {}
+              },
+              "sourceId": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.526Z"
+            },
+            {
+              "id": "9d549c3f-511b-4ff1-8863-74ef594f03fe",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "f949526c-a5e0-4080-a158-b59f0b97f833",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getOrderItems",
+                "parameters": {}
+              },
+              "sourceId": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.536Z"
+            },
+            {
+              "id": "9e68ee08-d054-4664-887a-7a2de987d25b",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "42d28422-62b9-4314-a079-933a27786f54",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.548Z"
+            },
+            {
+              "id": "6382b061-5066-4592-b969-3319ef971d09",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "73d39b3c-f6d1-4d10-adaa-f95595fff1a2",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "printInvoice",
+                "parameters": {}
+              },
+              "sourceId": "f819c017-8835-43df-8ed2-1c507fda036d",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.559Z"
+            },
+            {
+              "id": "e9660058-9382-40f4-82ea-19767201e603",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "42d28422-62b9-4314-a079-933a27786f54",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "566a9424-70a9-4152-8b8a-6d78c91b359f",
+              "target": "component",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.453Z"
+            },
+            {
+              "id": "e848791f-9643-4d2f-9fdc-5845421c998f",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "f949526c-a5e0-4080-a158-b59f0b97f833",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getInvoiceItems",
+                "parameters": {}
+              },
+              "sourceId": "78cb1f3c-cbee-42f3-a75e-b8609b9f6e1f",
+              "target": "page",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.712Z"
+            },
+            {
+              "id": "3d3eec0f-f452-4ee0-ab91-4a338706d2d7",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "51a286e0-6ae5-407f-adfa-b71e86ab3bf5",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "c589586c-7ef7-4649-92eb-235d504255bf",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.720Z"
+            },
+            {
+              "id": "6a0734e1-a238-4c43-9715-b4a81dc36799",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "f949526c-a5e0-4080-a158-b59f0b97f833",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getInvoiceItems",
+                "parameters": {}
+              },
+              "sourceId": "c589586c-7ef7-4649-92eb-235d504255bf",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.731Z"
+            },
+            {
+              "id": "ce164282-56aa-4c90-8042-84950cd31576",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "906349bb-a721-48ba-8ee5-4cc73425763d",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.742Z"
+            },
+            {
+              "id": "68881308-3d3c-4283-8b7a-84ccedffa72a",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ac4f6fff-ec36-4315-8d56-77c91e7d42fe",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getInvoices",
+                "parameters": {}
+              },
+              "sourceId": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.752Z"
+            },
+            {
+              "id": "96cb2b94-d5b9-4466-bb78-214e4c7efd0d",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "f819c017-8835-43df-8ed2-1c507fda036d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "logoSvgCode",
+                "parameters": {}
+              },
+              "sourceId": "79de4224-4e33-4b5d-9b1f-8dad5ebdff66",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.762Z"
+            },
+            {
+              "id": "c72778a9-d96d-4895-af6a-25facecaa94a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "31dd6fb2-1e7f-460d-94bc-511b36eac3e7",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:58:00.770Z"
+            },
+            {
+              "id": "6691094d-c259-484a-84f3-f047288419a7",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Item added successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "c589586c-7ef7-4649-92eb-235d504255bf",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "1da52960-735a-4ea0-9aed-7e7b912e3bfc",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add item! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "c589586c-7ef7-4649-92eb-235d504255bf",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "b2fb4a7f-013c-491a-b051-91e4618f6c21",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Invoice created successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "af126087-93c6-464f-9946-a5ac73cef891",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to create invoice! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "7f49d970-1b33-422c-84d1-b36dc9475518",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Order details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+              "target": "data_query",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "73d39b3c-f6d1-4d10-adaa-f95595fff1a2",
+              "name": "printInvoice",
+              "options": {
+                "code": "function generateInvoice(invoiceDetails, items) {\n  const {\n    orderId,\n    orderDate,\n    companyName,\n    companyAddress,\n    companyLogo,\n    customerName,\n    customerAddress,\n    taxPercentage,\n    discount,\n    issueDate,\n    billPaid,\n    dueDate,\n    paymentDate,\n    notes,\n  } = invoiceDetails;\n\n  let subTotal = 0;\n  const itemRows = items.map((item) => {\n    const amount = item.rate * item.quantity;\n    subTotal += amount;\n    return `\n      <tr>\n        <td>${item.description}</td>\n        <td class=\"text-right\">$${item.rate.toLocaleString(\"en-US\", {\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2,\n        })}</td>\n        <td class=\"text-right\">${item.quantity}</td>\n        <td class=\"text-right\">$${amount.toLocaleString(\"en-US\", {\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2,\n        })}</td>\n      </tr>\n    `;\n  });\n\n  const taxAmount = subTotal * (taxPercentage / 100);\n  const totalAmount = subTotal + taxAmount - discount;\n\n  const invoiceHtml = `\n    <div class=\"invoice-container\">\n      <div class=\"invoice-header\">\n        <div class=\"invoice-title\">\n          <h2 class=\"invoice-header-h2\">INVOICE</h2>\n          <div class=\"invoice-order-data\">\n            <p><strong>#${orderId}</strong></p>\n          </div>\n        </div>\n        <div class=\"invoice-title\">\n          ${companyLogo ? companyLogo : \"\"}\n        </div>\n      </div>\n      <div class=\"seller-and-client-details\">\n        <div class=\"seller-details\">\n          <p><strong>${companyName}</strong></p>\n          <p>${companyAddress}</p>\n        </div>\n        <div class=\"client-details\">\n          <p><strong>${customerName}</strong></p>\n          <p>${customerAddress}</p>\n        </div>\n      </div>\n      <table>\n        <thead>\n          <tr>\n            <th>Deliverable</th>\n            <th class=\"text-right\">Rate</th>\n            <th class=\"text-right\">Qty</th>\n            <th class=\"text-right\">Amount</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${itemRows.join(\"\")}\n        </tbody>\n        <tfoot class=\"no-border\">\n          <tr>\n            <td colspan=\"3\" class=\"text-right\"><strong>Subtotal</strong></td>\n            <td class=\"text-right\">$${subTotal.toLocaleString(\"en-US\", {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })}</td>\n          </tr>\n          <tr>\n            <td colspan=\"3\" class=\"text-right\"><strong>Tax (${taxPercentage}%)</strong></td>\n            <td class=\"text-right\">$${taxAmount.toLocaleString(\"en-US\", {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })}</td>\n          </tr>\n          <tr>\n            <td colspan=\"3\" class=\"text-right\"><strong>Discount</strong></td>\n            <td class=\"text-right\">$${discount.toLocaleString(\"en-US\", {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })}</td>\n          </tr>\n          <tr>\n            <td colspan=\"3\" class=\"text-right\"><strong>Total amount</strong></td>\n            <td class=\"text-right\">$${totalAmount.toLocaleString(\"en-US\", {\n              minimumFractionDigits: 2,\n              maximumFractionDigits: 2,\n            })}</td>\n          </tr>\n        </tfoot>\n      </table>\n    </div>\n    <div class=\"invoice-footer-container\">\n      <div class=\"footer-notes\">\n        <p><strong>Notes:</strong> ${notes}</p>\n      </div>\n      <div class=\"invoice-footer\">\n        <div class=\"invoice-details\">\n          <h2>Invoice Details</h2>\n          <p>Date Issued: ${issueDate}</p>\n          <p>${\n            billPaid ? `Payment date: ${paymentDate}` : `Due Date: ${dueDate}`\n          }</p>\n        </div>\n        <div class=\"total-amount\">\n          <h2>Total amount</h2>\n          <p><h1>$${totalAmount.toLocaleString(\"en-US\", {\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n          })}</h1></p>\n        </div>\n      </div>\n    </div>\n  `;\n\n  const winPrint = window.open(\"\", \"\", \"width=595,height=842\");\n\n  const styles = document.querySelectorAll(\"link, style\");\n  let stylesHtml = \"\";\n  for (let i = 0; i < styles.length; i++) {\n    stylesHtml += styles[i].outerHTML;\n  }\n  stylesHtml += `\n    <style>\n      @page {\n        size: portrait;\n        margin: 0;\n      }\n\n      body {\n        margin: 0;\n        font-family: Arial, sans-serif;\n      }\n\n      .invoice-container {\n        width: 100%;\n        padding: 50px;\n      }\n\n      .seller-and-client-details,\n      .totals {\n        margin-bottom: 20px;\n      }\n\n      .invoice-header {\n        margin-bottom: 20px;\n        display: flex;\n        justify-content: space-between;\n      }\n\n      .invoice-order-data {\n        margin: 10px 0;\n        color: #007bff;\n        text-align: left;\n      }\n\n      .invoice-title {\n        text-align: right;\n      }\n\n      .seller-and-client-details {\n        display: flex;\n        justify-content: space-between;\n      }\n\n      table {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        margin-bottom: 20px;\n        border-radius: 10px;\n        overflow: hidden;\n      }\n\n      th,\n      td {\n        padding: 10px 15px;\n        border-width: 0 1px 1px 0;\n        border-style: solid;\n        border-color: #ddd;\n      }\n\n      th {\n        background-color: #f5f5f5;\n      }\n\n      tr th {\n        border-top-width: 1px;\n      }\n\n      tr th:first-of-type,\n      tr td:first-of-type {\n        border-left-width: 1px;\n      }\n\n      tr:first-child th:first-child {\n        border-top-left-radius: 10px;\n      }\n\n      tr:first-child th:last-child {\n        border-top-right-radius: 10px;\n      }\n\n      tr:last-child td:first-child {\n        border-bottom-left-radius: 10px;\n      }\n\n      tr:last-child td:last-child {\n        border-bottom-right-radius: 10px;\n      }\n\n      .text-right {\n        text-align: right;\n      }\n\n      .totals {\n        text-align: right;\n        margin-right: 10px;\n      }\n\n      .totals p {\n        padding: 5px;\n        font-size: 16px;\n      }\n\n      .footer-notes {\n        padding: 20px 50px;\n      }\n\n      .invoice-footer-container {\n        width: 100%;\n        padding: 0;\n        margin: 0;\n        position: fixed;\n        bottom: 0;\n      }\n\n      .invoice-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        background-color: #007bff;\n        color: #fff;\n        padding: 50px;\n        width: 100%;\n      }\n\n      .total-amount {\n        text-align: right;\n      }\n\n      h1 {\n        font-size: 40px;\n      }\n\n      .invoice-header-h2 {\n        margin: 0;\n        padding: 0;\n        line-height: 1;\n      }\n\n      h2 {\n        font-size: 20px;\n      }\n\n      p {\n        margin: 0;\n        padding: 0;\n      }\n\n      .invoice-details p {\n        line-height: 1.5;\n      }\n\n      .no-border td {\n        border: none;\n        padding-top: 8px;\n        padding-bottom: 8px;\n      }\n\n      tfoot::before {\n        content: \"\";\n        display: block;\n        height: 16px;\n      }\n    </style>\n  `;\n\n  winPrint.document.write(`\n    <html>\n      <head>\n        ${stylesHtml}\n        <meta charset=\"UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      </head>\n      <body>\n        ${invoiceHtml}\n      </body>\n    </html>\n  `);\n\n  winPrint.document.title = `Invoice #${orderId}`;\n  winPrint.document.close();\n  winPrint.focus();\n  winPrint.print();\n  winPrint.close();\n}\n\nconst invoiceDetails = {\n  orderId: queries.getOrderDetails.data.id,\n  orderDate: moment(queries.getOrderDetails.data.billing_date).format(\n    \"Do MMM YYYY\"\n  ),\n  companyName: \"ToolJet\",\n  companyAddress: \"San Francisco, CA\",\n  companyLogo: queries.logoSvgCode.data,\n  customerName: queries.getOrderDetails.data.customer_name,\n  customerAddress: queries.getOrderDetails.data.customer_address,\n  taxPercentage: queries.getOrderDetails.data.tax_percentage,\n  discount: queries.getOrderDetails.data.discount,\n  issueDate: moment(queries.getOrderDetails.data.billing_date).format(\n    \"Do MMM YYYY\"\n  ),\n  billPaid: queries.getOrderDetails.data.bill_paid,\n  dueDate: moment(queries.getOrderDetails.data.billing_date)\n    .add(15, \"days\")\n    .format(\"Do MMM YYYY\"),\n  paymentDate: queries.getOrderDetails.data.payment_date\n    ? moment(queries.getOrderDetails.data.payment_date).format(\"Do MMM YYYY\")\n    : \"\",\n  notes: queries.getOrderDetails.data.bill_paid\n    ? \"Thank you for your business.\"\n    : \"Pay within 15 days. Thank you for your business.\",\n};\n\nconst items = queries.getOrderItems.data.map(\n  ({ item_name, rate, quantity, ...row }) => ({\n    description: item_name,\n    rate,\n    quantity,\n  })\n);\n\ngenerateInvoice(invoiceDetails, items);",
+                "parameters": []
+              },
+              "dataSourceId": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "f819c017-8835-43df-8ed2-1c507fda036d",
+              "name": "logoSvgCode",
+              "options": {
+                "code": "return `<svg width=\"130\" height=\"32\" viewBox=\"0 0 65 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M14.7295 0H2.97065C1.75298 0 0.765869 0.976833 0.765869 2.18182V13.8182C0.765869 15.0232 1.75298 16 2.97065 16H14.7295C15.9472 16 16.9343 15.0232 16.9343 13.8182V2.18182C16.9343 0.976833 15.9472 0 14.7295 0Z\" fill=\"#3E63DD\"/>\n<path d=\"M8.43485 12.6666C8.43485 12.0178 8.43058 11.3922 8.43832 10.7672C8.44004 10.6284 8.39928 10.5341 8.29944 10.437C7.63187 9.78678 6.97056 9.13032 6.30898 8.47389C6.25707 8.42236 6.20543 8.40109 6.13143 8.40139C5.50512 8.40422 4.87854 8.40309 4.25227 8.40309C4.21382 8.40309 4.17509 8.40309 4.13722 8.40309C4.13608 8.38809 4.13263 8.37986 4.13522 8.37476C4.38395 7.89843 4.58478 7.39603 4.90754 6.95964C5.18036 6.59094 5.52378 6.31847 5.99716 6.25221C6.15208 6.23041 6.31131 6.23607 6.46851 6.23467C6.74766 6.23211 7.02681 6.23128 7.30596 6.23581C7.38256 6.23694 7.42844 6.21004 7.4752 6.15198C8.30261 5.12002 9.31478 4.31886 10.5386 3.78815C11.2238 3.49079 11.9372 3.31691 12.6923 3.33447C12.9781 3.34126 13.2644 3.3356 13.5496 3.3356C13.5565 3.35004 13.5651 3.3591 13.5648 3.36817C13.5622 3.78843 13.5745 4.20983 13.5519 4.62896C13.5134 5.34545 13.279 6.01151 12.9574 6.6484C12.4189 7.7155 11.6644 8.61009 10.7182 9.34811C10.6566 9.39625 10.6282 9.44381 10.6293 9.52398C10.6345 9.84541 10.6227 10.1674 10.6333 10.4885C10.6514 11.0374 10.4282 11.4724 9.99899 11.802C9.79446 11.9592 9.56752 12.0914 9.33971 12.2155C9.04968 12.3732 8.74843 12.5114 8.43428 12.6663L8.43485 12.6666ZM11.3649 6.22814C11.3623 5.82771 11.0373 5.50911 10.6322 5.50998C10.2285 5.51081 9.90003 5.83394 9.89945 6.23071C9.89888 6.62944 10.2377 6.96164 10.6402 6.9568C11.0436 6.952 11.3675 6.62634 11.3649 6.22788V6.22814Z\" fill=\"#FDFDFE\"/>\n<path d=\"M6.80215 11.1594C6.23603 11.9034 5.40212 12.1714 4.47437 12.311C4.65366 11.4229 4.87751 10.5778 5.6447 10.0129C6.02756 10.3921 6.41561 10.7766 6.80215 11.1594Z\" fill=\"#FDFDFE\"/>\n<path d=\"M24.4943 12.5426V5.21975H21.7417V3.85449H28.7893V5.21975H26.0367V12.5426H24.4943Z\" fill=\"#11181C\"/>\n<path d=\"M32.2377 12.6294C31.5891 12.6294 31.0117 12.4846 30.5055 12.195C29.9993 11.8972 29.5998 11.4917 29.3072 10.9787C29.0145 10.4657 28.8682 9.88235 28.8682 9.22867C28.8682 8.56671 29.0145 7.98337 29.3072 7.47865C29.5998 6.96562 29.9993 6.56432 30.5055 6.27471C31.0117 5.98514 31.5891 5.84033 32.2377 5.84033C32.8943 5.84033 33.4756 5.98514 33.9818 6.27471C34.496 6.56432 34.8954 6.9615 35.1802 7.46622C35.4729 7.97097 35.6192 8.55847 35.6192 9.22867C35.6192 9.88235 35.4729 10.4657 35.1802 10.9787C34.8954 11.4917 34.496 11.8972 33.9818 12.195C33.4756 12.4846 32.8943 12.6294 32.2377 12.6294ZM32.2377 11.3014C32.6016 11.3014 32.9259 11.2187 33.2106 11.0532C33.4954 10.8877 33.7169 10.6477 33.8751 10.3333C34.0412 10.0189 34.1242 9.65068 34.1242 9.22867C34.1242 8.79841 34.0412 8.43019 33.8751 8.12406C33.7169 7.80962 33.4954 7.56967 33.2106 7.40419C32.9259 7.23868 32.6055 7.15594 32.2496 7.15594C31.8857 7.15594 31.5615 7.23868 31.2767 7.40419C30.9998 7.56967 30.7784 7.80962 30.6123 8.12406C30.4462 8.43019 30.3631 8.79841 30.3631 9.22867C30.3631 9.65068 30.4462 10.0189 30.6123 10.3333C30.7784 10.6477 30.9998 10.8877 31.2767 11.0532C31.5615 11.2187 31.8818 11.3014 32.2377 11.3014Z\" fill=\"#11181C\"/>\n<path d=\"M39.8497 12.6294C39.2011 12.6294 38.6239 12.4846 38.1177 12.195C37.6111 11.8972 37.2119 11.4917 36.9192 10.9787C36.6265 10.4657 36.4802 9.88235 36.4802 9.22867C36.4802 8.56671 36.6265 7.98337 36.9192 7.47865C37.2119 6.96562 37.6111 6.56432 38.1177 6.27471C38.6239 5.98514 39.2011 5.84033 39.8497 5.84033C40.5062 5.84033 41.0875 5.98514 41.594 6.27471C42.1081 6.56432 42.5074 6.9615 42.7922 7.46622C43.0849 7.97097 43.2311 8.55847 43.2311 9.22867C43.2311 9.88235 43.0849 10.4657 42.7922 10.9787C42.5074 11.4917 42.1081 11.8972 41.594 12.195C41.0875 12.4846 40.5062 12.6294 39.8497 12.6294ZM39.8497 11.3014C40.2138 11.3014 40.5379 11.2187 40.8228 11.0532C41.1073 10.8877 41.329 10.6477 41.4871 10.3333C41.6531 10.0189 41.7361 9.65068 41.7361 9.22867C41.7361 8.79841 41.6531 8.43019 41.4871 8.12406C41.329 7.80962 41.1073 7.56967 40.8228 7.40419C40.5379 7.23868 40.2176 7.15594 39.8617 7.15594C39.4979 7.15594 39.1734 7.23868 38.8889 7.40419C38.6119 7.56967 38.3906 7.80962 38.2242 8.12406C38.0582 8.43019 37.9752 8.79841 37.9752 9.22867C37.9752 9.65068 38.0582 10.0189 38.2242 10.3333C38.3906 10.6477 38.6119 10.8877 38.8889 11.0532C39.1734 11.2187 39.4938 11.3014 39.8497 11.3014Z\" fill=\"#11181C\"/>\n<path d=\"M44.5605 12.5426L44.1831 3.33325H45.6661V12.5426H44.5605Z\" fill=\"#11181C\"/>\n<path d=\"M48.9594 12.6667C48.4293 12.6667 47.9389 12.5591 47.488 12.344C47.0453 12.1289 46.6812 11.8186 46.3967 11.4131L47.2745 10.3085C47.5041 10.6395 47.753 10.8877 48.0222 11.0532C48.2989 11.2187 48.5994 11.3014 48.9239 11.3014C49.786 11.3014 50.217 10.7677 50.217 9.70034V5.20735H47.2626V3.85449H51.7595V9.61347C51.7595 10.6395 51.5184 11.4049 51.0357 11.9096C50.561 12.4144 49.869 12.6667 48.9594 12.6667Z\" fill=\"#11181C\"/>\n<path d=\"M56.6697 12.6294C55.9658 12.6294 55.3486 12.4846 54.8188 12.195C54.2966 11.8972 53.8894 11.4917 53.5967 10.9787C53.3119 10.4657 53.1694 9.88235 53.1694 9.22867C53.1694 8.56671 53.3078 7.98337 53.5848 7.47865C53.8696 6.96562 54.2569 6.56432 54.7474 6.27471C55.2457 5.98514 55.8114 5.84033 56.4443 5.84033C57.0611 5.84033 57.6107 5.98098 58.0933 6.26231C58.5759 6.54364 58.9554 6.94082 59.2324 7.45382C59.5091 7.96685 59.6477 8.57087 59.6477 9.2659C59.6477 9.33212 59.6436 9.40658 59.6358 9.48932C59.6358 9.57207 59.6317 9.65068 59.6238 9.72515H54.344V8.695H58.841L58.2593 9.01768C58.2675 8.63705 58.1924 8.30194 58.0339 8.01236C57.8757 7.72275 57.6582 7.49521 57.3815 7.32969C57.1127 7.16421 56.8002 7.08147 56.4443 7.08147C56.0802 7.08147 55.7598 7.16421 55.4831 7.32969C55.2143 7.49521 55.0005 7.72688 54.8424 8.02476C54.6921 8.31437 54.6169 8.65773 54.6169 9.05491V9.30313C54.6169 9.70032 54.704 10.052 54.8779 10.3581C55.0521 10.6643 55.2973 10.9001 55.6136 11.0656C55.9299 11.2311 56.294 11.3138 56.7052 11.3138C57.0611 11.3138 57.3815 11.2559 57.6664 11.14C57.9509 11.0242 58.204 10.8422 58.4256 10.5939L59.2204 11.5496C58.9356 11.8972 58.5759 12.1661 58.1408 12.3564C57.7138 12.5384 57.2234 12.6294 56.6697 12.6294Z\" fill=\"#11181C\"/>\n<path d=\"M63.3679 12.6294C62.6718 12.6294 62.1342 12.4432 61.7544 12.0709C61.3746 11.6903 61.185 11.1317 61.185 10.3953V4.4502H62.668V10.3581C62.668 10.6725 62.7432 10.9166 62.8935 11.0904C63.0516 11.2641 63.2692 11.351 63.5458 11.351C63.8782 11.351 64.1548 11.26 64.3765 11.078L64.7918 12.1826C64.6176 12.3315 64.4042 12.4432 64.1511 12.5177C63.898 12.5922 63.637 12.6294 63.3679 12.6294ZM60.1409 7.20556V5.96439H64.3646V7.20556H60.1409Z\" fill=\"#11181C\"/>\n</svg>\n`;",
+                "parameters": []
+              },
+              "dataSourceId": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "c589586c-7ef7-4649-92eb-235d504255bf",
+              "name": "addOrderItem",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "22134693-8957-4964-b1ac-1858d9984865",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716323498914,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "1babafc5-df00-4102-886b-6f165740e610"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "1babafc5-df00-4102-886b-6f165740e610",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "invoice_id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "item_name",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "rate",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "quantity",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "order_id",
+                    "value": "{{globals.urlparams.invoice_id}}"
+                  },
+                  "1": {
+                    "column": "item_name",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "2": {
+                    "column": "rate",
+                    "value": "{{components.numberinput1.value}}"
+                  },
+                  "3": {
+                    "column": "quantity",
+                    "value": "{{components.numberinput2.value}}"
+                  },
+                  "4": {
+                    "column": "total_amount",
+                    "value": "{{(components.numberinput1.value * components.numberinput2.value).toFixed(2)}}"
+                  },
+                  "6": {
+                    "column": "created_at",
+                    "value": "{{moment().toISOString()}}"
+                  },
+                  "7": {
+                    "column": "updated_at",
+                    "value": "{{moment().toISOString()}}"
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "50862d6d-87c2-4d28-9661-96ccc85175e3",
+              "name": "addOrder",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716324012594,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_name",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "billing_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "bill_paid",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "payment_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "customer_name",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "1": {
+                    "column": "billing_date",
+                    "value": "{{moment(components.datepicker1.value, \"DD MMM YYYY\").format()}}"
+                  },
+                  "2": {
+                    "column": "bill_paid",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "3": {
+                    "column": "payment_date",
+                    "value": "{{components.datepicker2.value ? moment(components.datepicker2.value, \"DD MMM YYYY\").format() : \"\"}}"
+                  },
+                  "4": {
+                    "column": "created_at",
+                    "value": "{{moment().toISOString()}}"
+                  },
+                  "5": {
+                    "column": "updated_at",
+                    "value": "{{moment().toISOString()}}"
+                  },
+                  "6": {
+                    "column": "customer_address",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "7": {
+                    "column": "tax_percentage",
+                    "value": "{{components.numberinput1.value}}"
+                  },
+                  "bacd7cd9-5c7d-4305-ae09-f24be5fdd410": {
+                    "column": "discount",
+                    "value": "{{components.numberinput2.value}}"
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "c1cac20a-cf04-4d27-a5f2-a6045b40c8ed",
+              "name": "updateOrder",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716500189962,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_name",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "billing_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "bill_paid",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "payment_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_address",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "tax_percentage",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "discount",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "customer_name",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "1": {
+                      "column": "customer_address",
+                      "value": "{{components.textarea2.value}}"
+                    },
+                    "2": {
+                      "column": "billing_date",
+                      "value": "{{moment(components.datepicker4.value, \"DD MMM YYYY\").format()}}"
+                    },
+                    "3": {
+                      "column": "bill_paid",
+                      "value": "{{components.dropdown2.value}}"
+                    },
+                    "4": {
+                      "column": "payment_date",
+                      "value": "{{components.datepicker3.value ? moment(components.datepicker3.value, \"DD MMM YYYY\").format() : \"\"}}"
+                    },
+                    "5": {
+                      "column": "tax_percentage",
+                      "value": "{{components.numberinput4.value}}"
+                    },
+                    "6": {
+                      "column": "discount",
+                      "value": "{{components.numberinput3.value}}"
+                    },
+                    "2aa31fbb-4d88-4464-b78f-cf25638e3f1f": {
+                      "column": "updated_at",
+                      "value": "{{moment().toISOString()}}"
+                    }
+                  },
+                  "where_filters": {
+                    "efd43a74-842f-4642-9477-fb0885a86840": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "efd43a74-842f-4642-9477-fb0885a86840"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-06-17T17:25:40.591Z"
+            },
+            {
+              "id": "c4fbbe8e-5774-46e5-b59f-2883363369b7",
+              "name": "updateOrderItem",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "22134693-8957-4964-b1ac-1858d9984865",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716501165247,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "1babafc5-df00-4102-886b-6f165740e610"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "1babafc5-df00-4102-886b-6f165740e610",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "order_id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "item_name",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "rate",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "quantity",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "item_name",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "1": {
+                      "column": "rate",
+                      "value": "{{components.numberinput4.value}}"
+                    },
+                    "2": {
+                      "column": "quantity",
+                      "value": "{{components.numberinput6.value}}"
+                    },
+                    "3": {
+                      "column": "total_amount",
+                      "value": "{{components.numberinput5.value}}"
+                    },
+                    "da59e781-098a-4bb7-9dfc-e271583f48d2": {
+                      "column": "updated_at",
+                      "value": "{{moment().toISOString()}}"
+                    }
+                  },
+                  "where_filters": {
+                    "1ed8adbc-c9a3-4ea1-ae44-b5927d5a50fa": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "1ed8adbc-c9a3-4ea1-ae44-b5927d5a50fa"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "778ad7b2-ff6e-48ec-9636-5d3be5d93530",
+              "name": "deleteOrder",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716502739701,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_name",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "billing_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "bill_paid",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "payment_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_address",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "tax_percentage",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "discount",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "is_active",
+                      "value": "{{false}}"
+                    },
+                    "60577f8a-21be-42ab-9825-bcfe0b43b67d": {
+                      "column": "updated_at",
+                      "value": "{{moment().toISOString()}}"
+                    }
+                  },
+                  "where_filters": {
+                    "b6c3ab3e-83c0-45f4-84de-5a23b3de2b6e": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "b6c3ab3e-83c0-45f4-84de-5a23b3de2b6e"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "0e890727-c90f-407f-9dfe-115bd9a9511e",
+              "name": "deleteOrderItem",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "22134693-8957-4964-b1ac-1858d9984865",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716503443541,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "1babafc5-df00-4102-886b-6f165740e610"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "1babafc5-df00-4102-886b-6f165740e610",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "order_id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "item_name",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "rate",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "quantity",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "is_active",
+                      "value": "{{false}}"
+                    },
+                    "61ac4edd-8902-4dd5-98e5-22f4a0619243": {
+                      "column": "updated_at",
+                      "value": "{{moment().toISOString()}}"
+                    }
+                  },
+                  "where_filters": {
+                    "b6c3ab3e-83c0-45f4-84de-5a23b3de2b6e": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "b6c3ab3e-83c0-45f4-84de-5a23b3de2b6e"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-05-27T20:57:59.564Z"
+            },
+            {
+              "id": "ac4f6fff-ec36-4315-8d56-77c91e7d42fe",
+              "name": "getOrders",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716119393391,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_name",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "billing_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "bill_paid",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "payment_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "7ca0a935-c01d-4d62-9c08-695784901d30": {
+                      "column": "is_active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "7ca0a935-c01d-4d62-9c08-695784901d30"
+                    }
+                  }
+                },
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:05:31.241Z"
+            },
+            {
+              "id": "f949526c-a5e0-4080-a158-b59f0b97f833",
+              "name": "getOrderItems",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "22134693-8957-4964-b1ac-1858d9984865",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716323408171,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "1babafc5-df00-4102-886b-6f165740e610"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "1babafc5-df00-4102-886b-6f165740e610",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "invoice_id",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "item_name",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "rate",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "quantity",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "total_amount",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "1babafc5-df00-4102-886b-6f165740e610"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "63ab1597-4508-42a1-bb6e-3d4d0b53b3a0": {
+                      "column": "order_id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.invoice_id}}",
+                      "id": "63ab1597-4508-42a1-bb6e-3d4d0b53b3a0"
+                    },
+                    "64a3df27-674f-4e34-889a-c409d99aad7c": {
+                      "column": "is_active",
+                      "operator": "eq",
+                      "value": "{{true}}",
+                      "id": "64a3df27-674f-4e34-889a-c409d99aad7c"
+                    }
+                  },
+                  "order_filters": {}
+                }
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:05:16.238Z"
+            },
+            {
+              "id": "79de4224-4e33-4b5d-9b1f-8dad5ebdff66",
+              "name": "getOrderDetails",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "21da8d89-bdc5-4cff-b3e3-9c377ddaa3da",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716468498430,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_name",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "billing_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "bill_paid",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "payment_date",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "customer_address",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "tax_percentage",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    },
+                    {
+                      "name": "discount",
+                      "table": "36b0a2d5-3d50-4a67-84cc-c2edd3a7d799"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "2ba9e2d2-83a5-493e-ad72-fadce0426eb5": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.invoice_id}}",
+                      "id": "2ba9e2d2-83a5-493e-ad72-fadce0426eb5"
+                    }
+                  }
+                },
+                "transformation": "return data[0];"
+              },
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "createdAt": "2024-05-27T20:57:59.564Z",
+              "updatedAt": "2024-12-03T01:05:25.929Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "45159a08-ccb7-4cbc-95ee-e62a403bd54c",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-27T20:57:59.573Z",
+              "updatedAt": "2024-05-27T20:57:59.573Z"
+            },
+            {
+              "id": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-27T20:57:59.587Z",
+              "updatedAt": "2024-05-27T20:57:59.587Z"
+            },
+            {
+              "id": "49578110-0079-4d53-8d16-c12c82d32aba",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-27T20:57:59.599Z",
+              "updatedAt": "2024-05-27T20:57:59.599Z"
+            },
+            {
+              "id": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-27T20:57:59.610Z",
+              "updatedAt": "2024-05-27T20:57:59.610Z"
+            },
+            {
+              "id": "fd0811f2-0aed-4486-bb91-0c9223bd6597",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-05-27T20:57:59.623Z",
+              "updatedAt": "2024-05-27T20:57:59.623Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "30d5be8f-bcfb-4576-9bf5-961309784e5b",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "0f8e5ade-3ecc-4229-86b0-0cba2297b6dd",
+              "appId": "b0e245fe-b9ef-4852-9540-e74c47727cea",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-05-27T20:57:59.555Z",
+              "updatedAt": "2024-09-02T12:25:53.246Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "9f532bab-f4fc-4be8-9fff-ada5f09ee3b0",
+              "dataSourceId": "45159a08-ccb7-4cbc-95ee-e62a403bd54c",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.583Z",
+              "updatedAt": "2024-05-27T20:57:59.583Z"
+            },
+            {
+              "id": "dcfad874-b556-4980-9162-61c20a0a005f",
+              "dataSourceId": "45159a08-ccb7-4cbc-95ee-e62a403bd54c",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.583Z",
+              "updatedAt": "2024-05-27T20:57:59.583Z"
+            },
+            {
+              "id": "64a542ba-81be-47b3-a691-87bb237a8b86",
+              "dataSourceId": "45159a08-ccb7-4cbc-95ee-e62a403bd54c",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.583Z",
+              "updatedAt": "2024-05-27T20:57:59.583Z"
+            },
+            {
+              "id": "da225d44-70f1-45cf-8164-59191ae49525",
+              "dataSourceId": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.596Z",
+              "updatedAt": "2024-05-27T20:57:59.596Z"
+            },
+            {
+              "id": "7aaac4be-e446-4706-bb9e-88537773d335",
+              "dataSourceId": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.596Z",
+              "updatedAt": "2024-05-27T20:57:59.596Z"
+            },
+            {
+              "id": "92cc6be7-64bc-4687-bf30-f6dc874f6ca2",
+              "dataSourceId": "b883b085-6dd5-400d-b9e7-5ee99756a92a",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.596Z",
+              "updatedAt": "2024-05-27T20:57:59.596Z"
+            },
+            {
+              "id": "820c18fb-2c56-4565-9a4d-a88bac0a581c",
+              "dataSourceId": "49578110-0079-4d53-8d16-c12c82d32aba",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.608Z",
+              "updatedAt": "2024-05-27T20:57:59.608Z"
+            },
+            {
+              "id": "cec11e43-3fda-4aeb-8ec7-2b026ea32bab",
+              "dataSourceId": "49578110-0079-4d53-8d16-c12c82d32aba",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.608Z",
+              "updatedAt": "2024-05-27T20:57:59.608Z"
+            },
+            {
+              "id": "b44b882c-b78a-4af6-85d2-654ef43750cd",
+              "dataSourceId": "49578110-0079-4d53-8d16-c12c82d32aba",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.608Z",
+              "updatedAt": "2024-05-27T20:57:59.608Z"
+            },
+            {
+              "id": "f5acd455-c37a-42cd-b7d9-3ccc4612997a",
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.618Z",
+              "updatedAt": "2024-05-27T20:57:59.618Z"
+            },
+            {
+              "id": "d7bbcdab-8ace-41fa-8ade-45af10d909f3",
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.619Z",
+              "updatedAt": "2024-05-27T20:57:59.619Z"
+            },
+            {
+              "id": "d6049704-4e63-4c36-902f-53b4d7fba905",
+              "dataSourceId": "af8d1691-4e5e-45a0-a09a-9eee6bd360dc",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.619Z",
+              "updatedAt": "2024-05-27T20:57:59.619Z"
+            },
+            {
+              "id": "95d7de07-e2da-482c-bdac-52d9f24d95c6",
+              "dataSourceId": "fd0811f2-0aed-4486-bb91-0c9223bd6597",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.632Z",
+              "updatedAt": "2024-05-27T20:57:59.632Z"
+            },
+            {
+              "id": "ed3a4f7a-f9f9-42a3-b659-c2b99326686e",
+              "dataSourceId": "fd0811f2-0aed-4486-bb91-0c9223bd6597",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.632Z",
+              "updatedAt": "2024-05-27T20:57:59.632Z"
+            },
+            {
+              "id": "978a2ad1-b2b3-4486-8916-20d6b457bd63",
+              "dataSourceId": "fd0811f2-0aed-4486-bb91-0c9223bd6597",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-05-27T20:57:59.632Z",
+              "updatedAt": "2024-05-27T20:57:59.632Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/invoice-tracker-and-generator/manifest.json b/server/templates/invoice-tracker-and-generator/manifest.json
new file mode 100644
index 0000000000..09ce876e34
--- /dev/null
+++ b/server/templates/invoice-tracker-and-generator/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Invoice tracker and generator",
+  "description": "Monitor payments and invoices with Stripe and ToolJet DB, offering real-time tracking and financial insights.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "invoice-tracker-and-generator",
+  "category": "financial-services"
+}
\ No newline at end of file
diff --git a/server/templates/json-formatter/definition.json b/server/templates/json-formatter/definition.json
new file mode 100644
index 0000000000..f142fa03e6
--- /dev/null
+++ b/server/templates/json-formatter/definition.json
@@ -0,0 +1,856 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "155e58ce-9e55-4f41-9919-5df7de23c22c",
+          "name": "json-formatter-final",
+          "slug": "155e58ce-9e55-4f41-9919-5df7de23c22c",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "archive",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-29T22:56:20.363Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-29T23:14:46.385Z",
+          "editingVersion": {
+            "id": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+            "appId": "155e58ce-9e55-4f41-9919-5df7de23c22c",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-29T22:56:20.375Z",
+            "updatedAt": "2024-12-03T23:10:09.706Z"
+          },
+          "components": [
+            {
+              "id": "64e0a096-b42b-4e48-a836-c9637749e9ff",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "JSON Formatter"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "left"
+                },
+                "textSize": {
+                  "value": "25"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:38:33.570Z",
+              "layouts": [
+                {
+                  "id": "0c1df350-90d3-4809-a3a7-ffc8ae31c5ee",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "64e0a096-b42b-4e48-a836-c9637749e9ff",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "236bb7e4-deee-415d-ba66-8483ea815dcc",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 4,
+                  "width": 13,
+                  "height": 50,
+                  "componentId": "64e0a096-b42b-4e48-a836-c9637749e9ff",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:38:49.521Z"
+                }
+              ]
+            },
+            {
+              "id": "7eaa123b-70bc-4899-8db3-2355eb71c2fb",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Format JSON"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.75cc8fef-e6fc-4f65-99e3-2fce4fd4d15f.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0093b5af-6729-4b1e-87de-921f775a11da",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 27,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "7eaa123b-70bc-4899-8db3-2355eb71c2fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "90d3d579-88bd-4103-96aa-1cb875efd5f0",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 16,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7eaa123b-70bc-4899-8db3-2355eb71c2fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:00.047Z"
+                }
+              ]
+            },
+            {
+              "id": "fcb71132-9cba-4a65-925f-8116a1c8b9b5",
+              "name": "indentOptions",
+              "type": "DropDown",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "values": {
+                  "value": "{{[\"tab\",\"2spaces\",\"4spaces\",\"8spaces\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Indent with tab\", \"Indent with 2 spaces\", \"Indent with 4 spaces\",\"Indent with 8 spaces\"]}}"
+                },
+                "value": {
+                  "value": "{{\"4spaces\"}}"
+                },
+                "label": {
+                  "value": "Indentation"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:32:30.804Z",
+              "layouts": [
+                {
+                  "id": "4d533e2c-74fc-44ab-8dcb-538ac50df347",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 12,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "fcb71132-9cba-4a65-925f-8116a1c8b9b5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "27d6904d-f08b-4169-ba80-65e5e6c7fbcc",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 4,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "fcb71132-9cba-4a65-925f-8116a1c8b9b5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:00.047Z"
+                }
+              ]
+            },
+            {
+              "id": "304c31ea-64b2-4053-b48f-5436f3f50af7",
+              "name": "copyButton",
+              "type": "Button",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Copy 📋"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "13e4d499-4ffa-47b5-8bbc-9cce493bd297",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "304c31ea-64b2-4053-b48f-5436f3f50af7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "c5a3bf28-3338-4e1c-98ae-6bd289bb2688",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 35,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "304c31ea-64b2-4053-b48f-5436f3f50af7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:13.440Z"
+                }
+              ]
+            },
+            {
+              "id": "194863e8-d94f-4f6a-9530-358c2113361f",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "{\"status\":\"Unformatted\",\"message\":\"This JSON is not formatted properly.\",\"data\":{\"id\":1,\"name\":\"Alice\",\"role\":\"Developer\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:35:57.286Z",
+              "layouts": [
+                {
+                  "id": "ff76110f-1eb5-4277-a9dc-d9edb89a0fe2",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 30,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "194863e8-d94f-4f6a-9530-358c2113361f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "9aceb800-658d-4d32-8e37-5f888966f45e",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 4,
+                  "width": 35,
+                  "height": 250,
+                  "componentId": "194863e8-d94f-4f6a-9530-358c2113361f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:00.047Z"
+                }
+              ]
+            },
+            {
+              "id": "71f044a6-f526-4012-bbf6-6afad68b006d",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": "{{queries.75cc8fef-e6fc-4f65-99e3-2fce4fd4d15f.data}}"
+                },
+                "placeholder": {
+                  "value": "{\n    \"status\": \"Formatted\",\n    \"message\": \"This JSON is properly formatted.\",\n    \"data\": {\n        \"id\": 1,\n        \"name\": \"Alice\",\n        \"role\": \"Developer\"\n    }\n}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:37:36.019Z",
+              "layouts": [
+                {
+                  "id": "cc05ba20-d09c-4e41-abf7-d34e7196709e",
+                  "type": "mobile",
+                  "top": 330,
+                  "left": 12,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "71f044a6-f526-4012-bbf6-6afad68b006d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "5e7df204-8bd4-4d7a-9122-806a6e7d4da8",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 4,
+                  "width": 35,
+                  "height": 250,
+                  "componentId": "71f044a6-f526-4012-bbf6-6afad68b006d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:13.440Z"
+                }
+              ]
+            },
+            {
+              "id": "8ef7614c-8416-4d6a-8c46-0f4531c9b07a",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Input JSON"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:39:25.689Z",
+              "layouts": [
+                {
+                  "id": "4a3ecf3d-37a5-4671-805a-7b7f00971b9c",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8ef7614c-8416-4d6a-8c46-0f4531c9b07a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "98db300f-919f-4e24-86e1-0783bf2ab7fc",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8ef7614c-8416-4d6a-8c46-0f4531c9b07a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:00.047Z"
+                }
+              ]
+            },
+            {
+              "id": "b421baaa-4083-4da1-80dc-33392b32dab8",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Output JSON"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:39:29.902Z",
+              "layouts": [
+                {
+                  "id": "2ef6ad5c-8e91-4588-962b-60dbd6688e84",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "b421baaa-4083-4da1-80dc-33392b32dab8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T22:56:20.379Z"
+                },
+                {
+                  "id": "971f8943-f4cb-45b4-bc01-79c953666bb9",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "b421baaa-4083-4da1-80dc-33392b32dab8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:39:13.440Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T22:56:20.379Z",
+              "autoComputeLayout": true,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "7fe01341-7165-4890-86a6-604069e35388",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "75cc8fef-e6fc-4f65-99e3-2fce4fd4d15f",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "runjs1",
+                "parameters": {}
+              },
+              "sourceId": "7eaa123b-70bc-4899-8db3-2355eb71c2fb",
+              "target": "component",
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T22:56:20.536Z"
+            },
+            {
+              "id": "1ae88eca-7be0-4a66-ad6f-9de12b8619a6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{queries.75cc8fef-e6fc-4f65-99e3-2fce4fd4d15f.data}}"
+              },
+              "sourceId": "304c31ea-64b2-4053-b48f-5436f3f50af7",
+              "target": "component",
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T22:56:20.541Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "75cc8fef-e6fc-4f65-99e3-2fce4fd4d15f",
+              "name": "formatJSON",
+              "options": {
+                "code": "const input = components.textarea1.value;\nconst indentOption = components.indentOptions.value;\n\n// Parse the JSON and format it\nlet parsed;\ntry {\n  parsed = JSON.parse(input);\n} catch (error) {\n  const formattedJSON = \"Invalid JSON input: \" + error.message;\n  return formattedJSON;\n}\n\n// Determine the indentation\nlet indentChar;\nswitch (indentOption) {\n  case \"tab\":\n    indentChar = \"\\t\";\n    break;\n  case \"2spaces\":\n    indentChar = \"  \";\n    break;\n  case \"4spaces\":\n    indentChar = \"    \";\n    break;\n  case \"8spaces\":\n    indentChar = \"        \";\n    break;\n  default:\n    const formattedJSON = \"Invalid indent option\";\n    return formattedJSON;\n}\n\n// Format and display the JSON\nconst formattedJSON = JSON.stringify(parsed, null, indentChar);\nreturn formattedJSON;\n",
+                "parameters": []
+              },
+              "dataSourceId": "bdb07e68-ec0a-41a3-b762-72b5dd7463f5",
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "createdAt": "2024-10-29T22:56:20.379Z",
+              "updatedAt": "2024-10-29T23:13:27.267Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "4287eab6-4948-4736-ab2b-90a7246cd03b",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T22:56:20.384Z",
+              "updatedAt": "2024-10-29T22:56:20.384Z"
+            },
+            {
+              "id": "bdb07e68-ec0a-41a3-b762-72b5dd7463f5",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T22:56:20.391Z",
+              "updatedAt": "2024-10-29T22:56:20.391Z"
+            },
+            {
+              "id": "035a8cb2-7ad2-4fdf-aa6d-3151002df597",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T22:56:20.398Z",
+              "updatedAt": "2024-10-29T22:56:20.398Z"
+            },
+            {
+              "id": "625e2d6e-e0e2-4843-bff4-6df75c0a53a2",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T22:56:20.405Z",
+              "updatedAt": "2024-10-29T22:56:20.405Z"
+            },
+            {
+              "id": "48ee1baf-11ac-4698-899d-118caeac6e0f",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T22:56:20.412Z",
+              "updatedAt": "2024-10-29T22:56:20.412Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "d89b458d-ec44-4281-bdc1-ebd2b0c1ca49",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "1099cb12-49db-46e1-b431-4d3709ca4144",
+              "appId": "155e58ce-9e55-4f41-9919-5df7de23c22c",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-29T22:56:20.375Z",
+              "updatedAt": "2024-12-03T23:10:09.706Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "093698ac-09ba-4eb2-a4a6-4bc88e7ee336",
+              "dataSourceId": "4287eab6-4948-4736-ab2b-90a7246cd03b",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.389Z",
+              "updatedAt": "2024-10-29T22:56:20.389Z"
+            },
+            {
+              "id": "9703a4aa-817d-48d2-8466-13f9e6b39191",
+              "dataSourceId": "4287eab6-4948-4736-ab2b-90a7246cd03b",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.389Z",
+              "updatedAt": "2024-10-29T22:56:20.389Z"
+            },
+            {
+              "id": "ef7aab22-61f5-406f-9c68-d28eb5dabd23",
+              "dataSourceId": "4287eab6-4948-4736-ab2b-90a7246cd03b",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.389Z",
+              "updatedAt": "2024-10-29T22:56:20.389Z"
+            },
+            {
+              "id": "81024a62-9797-417a-805c-588db3e855ce",
+              "dataSourceId": "bdb07e68-ec0a-41a3-b762-72b5dd7463f5",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.396Z",
+              "updatedAt": "2024-10-29T22:56:20.396Z"
+            },
+            {
+              "id": "dee4ee42-d8c4-43f0-8e26-c53023c2d333",
+              "dataSourceId": "bdb07e68-ec0a-41a3-b762-72b5dd7463f5",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.396Z",
+              "updatedAt": "2024-10-29T22:56:20.396Z"
+            },
+            {
+              "id": "1da039b7-de21-4826-98e0-9e667b29677e",
+              "dataSourceId": "bdb07e68-ec0a-41a3-b762-72b5dd7463f5",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.396Z",
+              "updatedAt": "2024-10-29T22:56:20.396Z"
+            },
+            {
+              "id": "29ff1209-f572-4b37-8a24-842e8b83bdab",
+              "dataSourceId": "035a8cb2-7ad2-4fdf-aa6d-3151002df597",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.403Z",
+              "updatedAt": "2024-10-29T22:56:20.403Z"
+            },
+            {
+              "id": "b9ce77fe-7ea3-4dca-bfec-314b0c3df497",
+              "dataSourceId": "035a8cb2-7ad2-4fdf-aa6d-3151002df597",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.403Z",
+              "updatedAt": "2024-10-29T22:56:20.403Z"
+            },
+            {
+              "id": "1c7460b5-8f32-40a0-bc22-a6eb6bbbc34a",
+              "dataSourceId": "035a8cb2-7ad2-4fdf-aa6d-3151002df597",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.403Z",
+              "updatedAt": "2024-10-29T22:56:20.403Z"
+            },
+            {
+              "id": "26631b04-f7fc-4250-8a90-c0d6c45c6ad8",
+              "dataSourceId": "625e2d6e-e0e2-4843-bff4-6df75c0a53a2",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.410Z",
+              "updatedAt": "2024-10-29T22:56:20.410Z"
+            },
+            {
+              "id": "547af14a-9c2d-4f2e-bb37-e535fff944ee",
+              "dataSourceId": "625e2d6e-e0e2-4843-bff4-6df75c0a53a2",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.410Z",
+              "updatedAt": "2024-10-29T22:56:20.410Z"
+            },
+            {
+              "id": "4d43afac-a963-462d-aa97-d9a0c8c59f78",
+              "dataSourceId": "625e2d6e-e0e2-4843-bff4-6df75c0a53a2",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.410Z",
+              "updatedAt": "2024-10-29T22:56:20.410Z"
+            },
+            {
+              "id": "c8aba10d-d9a4-4267-8671-041dd36bb4f8",
+              "dataSourceId": "48ee1baf-11ac-4698-899d-118caeac6e0f",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.419Z",
+              "updatedAt": "2024-10-29T22:56:20.419Z"
+            },
+            {
+              "id": "10310d64-afef-411d-a70f-8d87fb0c9784",
+              "dataSourceId": "48ee1baf-11ac-4698-899d-118caeac6e0f",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.419Z",
+              "updatedAt": "2024-10-29T22:56:20.419Z"
+            },
+            {
+              "id": "ceb2cb7a-ed3f-46f5-8c03-ddf3f451db33",
+              "dataSourceId": "48ee1baf-11ac-4698-899d-118caeac6e0f",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T22:56:20.419Z",
+              "updatedAt": "2024-10-29T22:56:20.419Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/json-formatter/manifest.json b/server/templates/json-formatter/manifest.json
new file mode 100644
index 0000000000..d1f4e3ab00
--- /dev/null
+++ b/server/templates/json-formatter/manifest.json
@@ -0,0 +1,16 @@
+{
+    "name": "JSON formatter",
+    "description": "Format and customize JSON data display for improved readability and easier manipulation, streamlining debugging processes.",
+    "widgets": [
+        "Table",
+        "Container"
+    ],
+    "sources": [
+        {
+            "name": "Run JavaScript",
+            "id": "runjs"
+        }
+    ],
+    "id": "json-formatter",
+    "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/library-management-system/definition.json b/server/templates/library-management-system/definition.json
new file mode 100644
index 0000000000..0c6262dfe1
--- /dev/null
+++ b/server/templates/library-management-system/definition.json
@@ -0,0 +1,6913 @@
+{
+  "tooljet_database": [
+    {
+      "id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+      "table_name": "library_resources",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "title",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": true
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "author",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "format",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "publication_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "availability",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "borrower_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"80f71bd6-3f9c-4cc6-803c-408031021c9a_book_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": [
+          {
+            "referenced_table_name": "borrowers_details",
+            "constraint_name": "FK_46d65eb4b606f8a512c42eb843b",
+            "column_names": [
+              "borrower_id"
+            ],
+            "referenced_column_names": [
+              "id"
+            ],
+            "on_update": "CASCADE",
+            "on_delete": "CASCADE",
+            "referenced_table_id": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+          }
+        ]
+      }
+    },
+    {
+      "id": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+      "table_name": "borrowers_details",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"a941947f-f0af-41b5-ab0a-b8d70048b329_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "borrower_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "borrow_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "return_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "5552ec90-099d-4eab-a1ae-5d317ec6b3e4",
+          "name": "library-management-system",
+          "slug": "5552ec90-099d-4eab-a1ae-5d317ec6b3e4",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "folderupload",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-12-04T21:37:42.862Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-12-04T21:37:43.475Z",
+          "editingVersion": {
+            "id": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+            "appId": "5552ec90-099d-4eab-a1ae-5d317ec6b3e4",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-12-04T21:37:42.875Z",
+            "updatedAt": "2024-12-05T01:12:51.780Z"
+          },
+          "components": [
+            {
+              "id": "a50e8522-2a7a-4fdd-87df-0c69f03d8673",
+              "name": "formatFilter",
+              "type": "Multiselect",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "label": {
+                  "value": "Filter by Format"
+                },
+                "display_values": {
+                  "value": "{{[...new Set(queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.map(val => val.library_resources_format))].toSorted()}}"
+                },
+                "values": {
+                  "value": "{{[...new Set(queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.map(val => val.library_resources_format))].toSorted()}}"
+                },
+                "value": {
+                  "value": "{{[]}}"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "showAllOption": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-05T01:08:48.696Z",
+              "layouts": [
+                {
+                  "id": "73aa9eee-80ee-4984-8b8c-b97254b06bc8",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 1,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "a50e8522-2a7a-4fdd-87df-0c69f03d8673",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:05.521Z"
+                },
+                {
+                  "id": "e1079a6a-b5bb-466a-8afa-bcfe6d9981e2",
+                  "type": "mobile",
+                  "top": 350,
+                  "left": 32,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "a50e8522-2a7a-4fdd-87df-0c69f03d8673",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "2ab8eada-a05c-404f-a17d-9300a451412e",
+              "name": "newTitle",
+              "type": "TextInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter title"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#1B1F24",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#d9d9d9ff"
+                },
+                "width": {
+                  "value": 40
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "icon": {
+                  "value": "IconPencil",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T15:16:14.056Z",
+              "layouts": [
+                {
+                  "id": "0c6e44ad-7e5b-44ac-8bb4-3934e498ef24",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "2ab8eada-a05c-404f-a17d-9300a451412e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "075bf780-9007-47f8-9e32-e3fb7c5a8dd9",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "2ab8eada-a05c-404f-a17d-9300a451412e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:21:57.358Z"
+                }
+              ]
+            },
+            {
+              "id": "5fefa4b4-1d6a-4342-9307-0931f70ff1dc",
+              "name": "newFormat",
+              "type": "DropDown",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{['MAGAZINE','NEWSLETTER','HARDCOVER','PAPERBACK','E-BOOK','AUDIOBOOK','JOURNAL','BOOK']}}"
+                },
+                "display_values": {
+                  "value": "{{['MAGAZINE','NEWSLETTER','HARDCOVER','PAPERBACK','E-BOOK','AUDIOBOOK','JOURNAL','BOOK']}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "schema": {
+                  "value": "{{[\n    { label: 'MAGAZINE', value: 'MAGAZINE', disable: {{variables.format}}, visible: true, default: true },\n    { label: 'NEWSLETTER', value: 'NEWSLETTER', disable: {{variables.format}}, visible: true },\n    { label: 'HARDCOVER', value: 'HARDCOVER', disable: {{variables.format}}, visible: true },\n    { label: 'PAPERBACK', value: 'PAPERBACK', disable: {{variables.format}}, visible: true },\n    { label: 'E-BOOK', value: 'E-BOOK', disable: {{variables.format}}, visible: true },\n    { label: 'AUDIOBOOK', value: 'AUDIOBOOK', disable: {{variables.format}}, visible: true },\n    { label: 'JOURNAL', value: 'JOURNAL', disable: {{variables.format}}, visible: true },\n    { label: 'BOOK', value: 'BOOK', disable: {{variables.format}}, visible: true }\n]}}\n"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "justifyContent": {
+                  "value": "left"
+                },
+                "selectedTextColor": {
+                  "fxActive": false,
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{false}}",
+                  "fxActive": true
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": null
+                }
+              },
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T14:10:35.306Z",
+              "layouts": [
+                {
+                  "id": "2df115ee-ef5e-4a25-b27e-d77c37b4650c",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "5fefa4b4-1d6a-4342-9307-0931f70ff1dc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:17:20.621Z"
+                },
+                {
+                  "id": "63063b21-67da-463f-adb9-391edb1b8517",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 4,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "5fefa4b4-1d6a-4342-9307-0931f70ff1dc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "accd97ac-72ed-4080-b1a0-a4ca8e438b48",
+              "name": "newAuthor",
+              "type": "TextInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter author name"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#1B1F24",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#d9d9d9ff"
+                },
+                "width": {
+                  "value": 40
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "icon": {
+                  "value": "IconPencil",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T15:16:21.144Z",
+              "layouts": [
+                {
+                  "id": "c1e68b93-bb4b-41e4-b05a-bfca4d1fac15",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "accd97ac-72ed-4080-b1a0-a4ca8e438b48",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:00:50.816Z"
+                },
+                {
+                  "id": "2cd7b0e3-2cc5-4b2e-9962-a0209c66d8ce",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "accd97ac-72ed-4080-b1a0-a4ca8e438b48",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "75a17d11-511a-4d56-a2f1-866e1457f476",
+              "name": "submit",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "value": "{{queries.eed50645-89a8-4a8e-9313-84a0eb55b826.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-05T00:04:57.309Z",
+              "layouts": [
+                {
+                  "id": "8f57c6d1-9e81-4c3e-ab49-9b41175a966a",
+                  "type": "desktop",
+                  "top": 410,
+                  "left": 22,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "75a17d11-511a-4d56-a2f1-866e1457f476",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T23:57:09.016Z"
+                },
+                {
+                  "id": "8913d1e0-2f22-4ef6-becf-3e8781f4cdfe",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "75a17d11-511a-4d56-a2f1-866e1457f476",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "7e648d7e-943e-4245-9e8e-9247122d10b2",
+              "name": "clear",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "text": {
+                  "value": "Clear fields"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#4368E3"
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T21:50:05.506Z",
+              "layouts": [
+                {
+                  "id": "7aaba6c2-f65d-4e9b-8e00-3a5a591356b8",
+                  "type": "desktop",
+                  "top": 410,
+                  "left": 2,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "7e648d7e-943e-4245-9e8e-9247122d10b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T23:57:09.016Z"
+                },
+                {
+                  "id": "67cf32d3-d623-48c5-9948-bbce3dfba50f",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "7e648d7e-943e-4245-9e8e-9247122d10b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "65a4bd5e-4af5-4713-a8a2-f2e47264ab56",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter course description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T21:47:44.439Z",
+              "layouts": [
+                {
+                  "id": "36b93c83-27f3-4637-bf17-8b022fb77001",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 2,
+                  "width": 38,
+                  "height": 90,
+                  "componentId": "65a4bd5e-4af5-4713-a8a2-f2e47264ab56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T23:57:02.900Z"
+                },
+                {
+                  "id": "8bdba503-bf5a-47fd-94dc-9bcf02ad541a",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 3,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "65a4bd5e-4af5-4713-a8a2-f2e47264ab56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "df619089-243d-4908-a86e-d38dafe8a8ca",
+              "name": "authorFilter",
+              "type": "Multiselect",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "label": {
+                  "value": "Filter by Author"
+                },
+                "display_values": {
+                  "value": "{{[...new Set(queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.map(val => val.library_resources_author))].toSorted()}}"
+                },
+                "values": {
+                  "value": "{{[...new Set(queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.map(val => val.library_resources_author))].toSorted()}}"
+                },
+                "value": {
+                  "value": "{{[]}}"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "showAllOption": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-05T01:09:03.962Z",
+              "layouts": [
+                {
+                  "id": "41adb231-eff2-4ae7-b0e0-be04b80bbe9e",
+                  "type": "mobile",
+                  "top": 380,
+                  "left": 32,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "df619089-243d-4908-a86e-d38dafe8a8ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "f1a82eb3-8b31-49db-9fe1-56b7c391fae3",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 15,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "df619089-243d-4908-a86e-d38dafe8a8ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:05.521Z"
+                }
+              ]
+            },
+            {
+              "id": "c24f5c9e-83ae-4961-848a-bdb2a8f6ed37",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "advanced": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "schema": {
+                  "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data}}"
+                },
+                "display_values": {
+                  "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result\n  .filter((row) =>\n    components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"issue\"\n      ? row.library_resources_availability == \"AVAILABLE\"\n      : row.library_resources_availability == \"ISSUED\"\n  )\n  .map((row) => row.library_resources_title)}}"
+                },
+                "values": {
+                  "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result\n  .filter((row) =>\n    components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"issue\"\n      ? row.library_resources_availability == \"AVAILABLE\"\n      : row.library_resources_availability == \"ISSUED\"\n  )\n  .map((row) => row.library_resources_id)}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "placeholder": {
+                  "value": "Select a title"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "justifyContent": {
+                  "value": "left"
+                },
+                "borderRadius": {
+                  "value": "6"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": null
+                }
+              },
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T15:30:29.281Z",
+              "layouts": [
+                {
+                  "id": "5a853c7c-ddec-4d57-b51c-13f084a58d51",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 12,
+                  "width": 28,
+                  "height": 40,
+                  "componentId": "c24f5c9e-83ae-4961-848a-bdb2a8f6ed37",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T08:18:33.552Z"
+                },
+                {
+                  "id": "08ff57dd-f82b-4dc8-b49f-d8de9bc04a37",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 33,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "c24f5c9e-83ae-4961-848a-bdb2a8f6ed37",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "02f9fcaa-5d13-4f36-946b-ebc4eda556a7",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"return\" &&\ncomponents.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdown1.value\n  ? queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.filter(\n      (row) =>\n        row.library_resources_id == components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdown1.value\n    )[0].borrowers_details_borrower_name\n  : \"\"}}"
+                },
+                "placeholder": {
+                  "value": "Enter borrower name"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"return\"}}",
+                  "fxActive": true
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T14:37:15.312Z",
+              "layouts": [
+                {
+                  "id": "2edd92ee-2050-4d6c-987d-63c8c9f08244",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 12,
+                  "width": 28,
+                  "height": 40,
+                  "componentId": "02f9fcaa-5d13-4f36-946b-ebc4eda556a7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:47.410Z"
+                },
+                {
+                  "id": "12c02164-731b-4e79-b464-f4b9fa509344",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 33,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "02f9fcaa-5d13-4f36-946b-ebc4eda556a7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                }
+              ]
+            },
+            {
+              "id": "0ebdb4e9-5de0-432c-beda-2a2f6a2e1e55",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.1e43670b-5b64-4288-b18e-5dfb302dda8f.isLoading || queries.08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e.isLoading || queries.7623455a-313e-461d-8fd1-900a9871a76c.isLoading}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6",
+                  "fxActive": false
+                },
+                "backgroundColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T23:50:10.269Z",
+              "layouts": [
+                {
+                  "id": "e1d0d293-9646-4b56-bd1d-a836553fc5ac",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 22,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "0ebdb4e9-5de0-432c-beda-2a2f6a2e1e55",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:54.482Z"
+                }
+              ]
+            },
+            {
+              "id": "bf00df6e-506c-425d-8701-4b4801a49c83",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "text": {
+                  "value": "Clear fields"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T21:54:22.472Z",
+              "layouts": [
+                {
+                  "id": "68b81de9-452b-46b0-a7df-b10530730b70",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 11,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "bf00df6e-506c-425d-8701-4b4801a49c83",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "d43e7df9-ce11-44f5-bcb2-00bb49ee3fed",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "bf00df6e-506c-425d-8701-4b4801a49c83",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:51.568Z"
+                }
+              ]
+            },
+            {
+              "id": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "name": "form1",
+              "type": "Form",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "JSONSchema": {
+                  "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number', label:'Age'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{queries.1e43670b-5b64-4288-b18e-5dfb302dda8f.isLoading || queries.08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e.isLoading || queries.7623455a-313e-461d-8fd1-900a9871a76c.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T23:51:39.808Z",
+              "layouts": [
+                {
+                  "id": "027e0908-19f5-45d6-94d7-190d51c9ab0a",
+                  "type": "mobile",
+                  "top": 260,
+                  "left": 27,
+                  "width": 13,
+                  "height": 330,
+                  "componentId": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "d2e78ee7-3788-4fb9-901f-a1346e6a9173",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 29,
+                  "width": 13,
+                  "height": 300,
+                  "componentId": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:05.521Z"
+                }
+              ]
+            },
+            {
+              "id": "35588621-50dd-4259-b060-a9b685aac019",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "columns": {
+                  "value": [
+                    {
+                      "id": "7d04da2f-64e6-482a-81ed-34e6120d1ae4",
+                      "name": "id",
+                      "key": "library_resources_id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "1d9eb208-3776-47fe-a09b-2f2ed4813b3a",
+                      "name": "title",
+                      "key": "library_resources_title",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "horizontalAlignment": "left",
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "b6ae53e8-e760-4bcc-9912-0fbc61e93ab7",
+                      "name": "author",
+                      "key": "library_resources_author",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "name": "format",
+                      "id": "a8c66dc9-3aff-4bca-a9e4-5c7c136a0483",
+                      "isEditable": "{{false}}",
+                      "fxActiveFields": [],
+                      "columnType": "select",
+                      "key": "library_resources_format",
+                      "defaultOptionsList": [],
+                      "options": [
+                        {
+                          "label": "MAGAZINE",
+                          "value": "MAGAZINE"
+                        },
+                        {
+                          "label": "E-BOOK",
+                          "value": "E-BOOK"
+                        },
+                        {
+                          "label": "BOOK",
+                          "value": "BOOK"
+                        },
+                        {
+                          "label": "PAPERBACK",
+                          "value": "PAPERBACK"
+                        },
+                        {
+                          "label": "AUDIOBOOK",
+                          "value": "AUDIOBOOK"
+                        },
+                        {
+                          "label": "NEWSLETTER",
+                          "value": "NEWSLETTER"
+                        },
+                        {
+                          "label": "JOURNAL",
+                          "value": "JOURNAL"
+                        },
+                        {
+                          "label": "HARDCOVER",
+                          "value": "HARDCOVER"
+                        }
+                      ],
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "id": "847fa3d7-fb4b-4fe8-88db-96a250aaf737",
+                      "name": "availability",
+                      "key": "library_resources_availability",
+                      "columnType": "select",
+                      "autogenerated": true,
+                      "defaultOptionsList": [],
+                      "options": [
+                        {
+                          "label": "AVAILABLE",
+                          "value": "AVAILABLE"
+                        },
+                        {
+                          "label": "ISSUED",
+                          "value": "ISSUED"
+                        }
+                      ],
+                      "transformation": "",
+                      "cellBackgroundColor": "",
+                      "textColor": "#3e63ddff",
+                      "isEditable": "{{false}}",
+                      "fxActiveFields": [
+                        "cellBackgroundColor"
+                      ]
+                    },
+                    {
+                      "name": "description",
+                      "id": "a47b9873-d2ba-4f42-9da9-779a04972b4f",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "text",
+                      "key": "library_resources_description"
+                    },
+                    {
+                      "name": "publication year",
+                      "id": "fc4fe10c-f688-4604-83bd-d65009a8d576",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "library_resources_publication_date"
+                    },
+                    {
+                      "name": "borrower",
+                      "id": "6c4de960-0e22-4912-b1d1-ab165f74256e",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "borrowers_details_borrower_name"
+                    },
+                    {
+                      "name": "borrow date",
+                      "id": "28680846-fc95-43bd-9c6c-2e7e40e20019",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "borrowers_details_borrow_date"
+                    },
+                    {
+                      "name": "return date",
+                      "id": "94fb90ef-f822-476a-bad8-93308e9d3cda",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "borrowers_details_return_date"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "interest",
+                    "mobile_number",
+                    "date",
+                    "email",
+                    "AUTHOR",
+                    "AVAILABLE",
+                    "PUBLICATION DATE",
+                    "Format",
+                    "library_resources_description",
+                    "library_resources_format",
+                    "library_resources_publication_date",
+                    "borrowers_details_borrow_date",
+                    "Delete",
+                    "borrowers_details_id",
+                    "library_resources_borrower_id"
+                  ]
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Edit",
+                      "events": []
+                    },
+                    {
+                      "name": "Action1",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "backgroundColor": "#dd000026",
+                      "textColor": "#dd0000ff"
+                    }
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "8ad5a618-76e6-4fed-812a-7b63ba52d846": 98,
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 104,
+                    "178a8217-5ba5-451f-a5d4-f86baea28abe": 106,
+                    "695f662d-8318-4541-99a9-72dca8621f0f": 43,
+                    "c9457bdb-6b96-42ed-a14b-a278ae7bf091": 101,
+                    "2187fccf-5fb0-4b5b-b2c3-e550b926fb38": 100,
+                    "1d9eb208-3776-47fe-a09b-2f2ed4813b3a": 126,
+                    "29131587-3fb7-4388-a1f6-cac8fa1d1b32": 116,
+                    "b6ae53e8-e760-4bcc-9912-0fbc61e93ab7": 110,
+                    "b63a0b1c-38a6-4a5a-8a46-06efc329cea7": 37,
+                    "00a89f47-b3ef-45ae-9a00-40ad87c61e98": 147,
+                    "1b5ed6d5-ed36-4d57-805d-02079d95e0fc": 163,
+                    "847fa3d7-fb4b-4fe8-88db-96a250aaf737": 133,
+                    "6c4de960-0e22-4912-b1d1-ab165f74256e": 138,
+                    "a8c66dc9-3aff-4bca-a9e4-5c7c136a0483": 123,
+                    "28680846-fc95-43bd-9c6c-2e7e40e20019": 149,
+                    "94fb90ef-f822-476a-bad8-93308e9d3cda": 127,
+                    "fc4fe10c-f688-4604-83bd-d65009a8d576": 175,
+                    "a47b9873-d2ba-4f42-9da9-779a04972b4f": 199,
+                    "7d04da2f-64e6-482a-81ed-34e6120d1ae4": 53
+                  }
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "data": {
+                  "value": "{{queries.012194f7-e4e8-45b5-a4c0-7e18d05d3827.data}}"
+                },
+                "showFilterButton": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "allowSelection": {
+                  "fxActive": false,
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "serverSideFilter": {
+                  "value": false
+                },
+                "loadingState": {
+                  "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.isLoading || queries.012194f7-e4e8-45b5-a4c0-7e18d05d3827.isLoading}}",
+                  "fxActive": true
+                },
+                "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}}"
+                },
+                "displaySearchBox": {
+                  "value": "{{false}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{true}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{library_resources_id: queries.012194f7-e4e8-45b5-a4c0-7e18d05d3827.data[0].library_resources_id}}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "textColor": {
+                  "value": "#000000ff"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "tableType": {
+                  "value": "table-classic"
+                },
+                "maxRowHeight": {
+                  "value": "auto"
+                },
+                "maxRowHeightValue": {
+                  "value": 45
+                },
+                "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-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T15:37:15.630Z",
+              "layouts": [
+                {
+                  "id": "c46c0b7a-e4e5-43c7-ab1b-615496ac95d2",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 1,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "35588621-50dd-4259-b060-a9b685aac019",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "c3faf976-a134-4d9c-b96c-a43cd94ac66c",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 1,
+                  "width": 27,
+                  "height": 730,
+                  "componentId": "35588621-50dd-4259-b060-a9b685aac019",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:05.521Z"
+                }
+              ]
+            },
+            {
+              "id": "5fdba445-2767-4320-be19-ff00c966baf5",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Library Management System"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textIndent": {
+                  "value": "31"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-05T01:18:32.457Z",
+              "layouts": [
+                {
+                  "id": "fa410c0a-fc55-40a8-bb9c-fa517a55ea6a",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 2,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "5fdba445-2767-4320-be19-ff00c966baf5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:37:42.886Z"
+                },
+                {
+                  "id": "d308545e-fee2-4bc8-a0fd-468d96414aa8",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "5fdba445-2767-4320-be19-ff00c966baf5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:16.301Z"
+                }
+              ]
+            },
+            {
+              "id": "82169837-bf20-4ef8-a61e-ca48567dc6f8",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "text": {
+                  "value": "Manage title"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "visibility": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "User Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000",
+                  "fxActive": false
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T22:07:40.932Z",
+              "layouts": [
+                {
+                  "id": "216b412a-0298-4f79-9f66-fd204f20e4cb",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "82169837-bf20-4ef8-a61e-ca48567dc6f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:57:26.404Z"
+                }
+              ]
+            },
+            {
+              "id": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "name": "form2",
+              "type": "Form",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "JSONSchema": {
+                  "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number', label:'Age'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
+                },
+                "buttonToSubmit": {
+                  "value": "{{\"none\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "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-12-04T21:38:15.594Z",
+              "updatedAt": "2024-12-05T01:12:23.189Z",
+              "layouts": [
+                {
+                  "id": "88ee50da-fe64-4218-be1b-11872940c80c",
+                  "type": "mobile",
+                  "top": 780,
+                  "left": 20,
+                  "width": 13,
+                  "height": 330,
+                  "componentId": "67ad89c8-d74e-4090-8f51-66723a881b65",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:38:15.594Z"
+                },
+                {
+                  "id": "1e3977ea-80ef-4ee9-9a5d-40d154639668",
+                  "type": "desktop",
+                  "top": 410,
+                  "left": 29,
+                  "width": 13,
+                  "height": 470,
+                  "componentId": "67ad89c8-d74e-4090-8f51-66723a881b65",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:18:10.454Z"
+                }
+              ]
+            },
+            {
+              "id": "14bf9ab3-cd82-4ff6-81f1-219a73db25ec",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Author"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:42:22.236Z",
+              "updatedAt": "2024-12-04T21:43:40.717Z",
+              "layouts": [
+                {
+                  "id": "814095de-a417-4439-a6a0-226a23c69fef",
+                  "type": "mobile",
+                  "top": 200,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "14bf9ab3-cd82-4ff6-81f1-219a73db25ec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:42:22.236Z"
+                },
+                {
+                  "id": "5acb34d3-bd52-481d-be47-ea0326180d59",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "14bf9ab3-cd82-4ff6-81f1-219a73db25ec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:00:50.816Z"
+                }
+              ]
+            },
+            {
+              "id": "adc07298-28aa-44dd-8cb5-e7e0a1099a64",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Title"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:43:54.467Z",
+              "updatedAt": "2024-12-04T21:44:06.650Z",
+              "layouts": [
+                {
+                  "id": "a70df3dc-cd13-40ee-aeb0-6e2b0cb6d6a7",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "adc07298-28aa-44dd-8cb5-e7e0a1099a64",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:43:54.467Z"
+                },
+                {
+                  "id": "d45f4a56-c23f-4826-b4b3-e463d98c3d5a",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "adc07298-28aa-44dd-8cb5-e7e0a1099a64",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:21:57.358Z"
+                }
+              ]
+            },
+            {
+              "id": "2c72d87c-fa58-4ec6-bd7f-ad7145a5bec3",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Format"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:44:37.471Z",
+              "updatedAt": "2024-12-04T21:44:47.482Z",
+              "layouts": [
+                {
+                  "id": "a5e88455-e1c4-4335-af7a-aed4fb1e3d7b",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "2c72d87c-fa58-4ec6-bd7f-ad7145a5bec3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:56:18.229Z"
+                },
+                {
+                  "id": "a76ec2f8-8fca-4f28-820d-5f7034c7c27b",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "2c72d87c-fa58-4ec6-bd7f-ad7145a5bec3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:44:37.471Z"
+                }
+              ]
+            },
+            {
+              "id": "c62fe9ef-40af-40f8-8b3d-1cdb9e6cf116",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Publication year"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:45:24.163Z",
+              "updatedAt": "2024-12-09T14:07:49.011Z",
+              "layouts": [
+                {
+                  "id": "c284a434-077b-47c0-aaef-25f3518a583b",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 2,
+                  "width": 12,
+                  "height": 60,
+                  "componentId": "c62fe9ef-40af-40f8-8b3d-1cdb9e6cf116",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:56:18.229Z"
+                },
+                {
+                  "id": "56c28565-e4e4-450d-9228-ee2ccabed334",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "c62fe9ef-40af-40f8-8b3d-1cdb9e6cf116",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:45:24.163Z"
+                }
+              ]
+            },
+            {
+              "id": "0f0e5432-873f-4960-85d5-9dddc81c58ea",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Description"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:46:52.214Z",
+              "updatedAt": "2024-12-04T21:47:06.377Z",
+              "layouts": [
+                {
+                  "id": "df6e132b-0863-41a9-a1f7-f4fe92efcc3c",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "0f0e5432-873f-4960-85d5-9dddc81c58ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:46:52.214Z"
+                },
+                {
+                  "id": "72f55325-2911-42f4-9f64-f118b40cdb20",
+                  "type": "desktop",
+                  "top": 280,
+                  "left": 2,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "0f0e5432-873f-4960-85d5-9dddc81c58ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T23:57:02.900Z"
+                }
+              ]
+            },
+            {
+              "id": "23b7c0e7-b233-47b0-8751-ffbec7eb4263",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Title"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:52:08.467Z",
+              "updatedAt": "2024-12-04T21:52:34.061Z",
+              "layouts": [
+                {
+                  "id": "a9d538fc-d61b-4198-92f1-fe573478dff5",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "23b7c0e7-b233-47b0-8751-ffbec7eb4263",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:52:08.467Z"
+                },
+                {
+                  "id": "0b3cecc0-2b47-479d-8f29-af2cf436897c",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "23b7c0e7-b233-47b0-8751-ffbec7eb4263",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:40.901Z"
+                }
+              ]
+            },
+            {
+              "id": "b7dad61d-279c-43f9-8af2-822d48ea83ea",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Borrower"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T21:52:54.742Z",
+              "updatedAt": "2024-12-04T21:53:07.591Z",
+              "layouts": [
+                {
+                  "id": "06bc59ea-453f-4e42-bfa5-18493c11f07b",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "b7dad61d-279c-43f9-8af2-822d48ea83ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:52:54.742Z"
+                },
+                {
+                  "id": "8590509a-431d-4d07-aa05-271dda4eb194",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "b7dad61d-279c-43f9-8af2-822d48ea83ea",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:47.410Z"
+                }
+              ]
+            },
+            {
+              "id": "15b77441-da7b-4a91-868d-645eb72636a7",
+              "name": "divider2",
+              "type": "Divider",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "dividerColor": {
+                  "value": "#ddddddff"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:56:24.853Z",
+              "updatedAt": "2024-12-04T21:56:24.853Z",
+              "layouts": [
+                {
+                  "id": "81a9d077-7160-4f2f-9c84-1284bfc1ad5b",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 1,
+                  "width": 40,
+                  "height": 10,
+                  "componentId": "15b77441-da7b-4a91-868d-645eb72636a7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:58:09.860Z"
+                },
+                {
+                  "id": "85b2cdc2-3fbe-46ce-97b8-7f848666605f",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 0,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "15b77441-da7b-4a91-868d-645eb72636a7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:56:24.853Z"
+                }
+              ]
+            },
+            {
+              "id": "85f582d0-a102-4cbb-84c3-f41d6bf62abe",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "Add new title"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "User Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T21:56:24.853Z",
+              "updatedAt": "2024-12-04T21:57:47.946Z",
+              "layouts": [
+                {
+                  "id": "6fcc583d-f72c-4a65-8fd6-2cefce6872f2",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "85f582d0-a102-4cbb-84c3-f41d6bf62abe",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T21:57:15.992Z"
+                }
+              ]
+            },
+            {
+              "id": "a5e018cf-ff3b-4bd6-8b1c-582f2ed09ef4",
+              "name": "dropdownlegacy4",
+              "type": "DropDown",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "schema": {
+                  "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "issue"
+                },
+                "values": {
+                  "value": "{{[\"issue\", \"return\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Issue\", \"Return\"]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select action"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "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-12-04T22:06:14.896Z",
+              "updatedAt": "2024-12-09T15:33:17.756Z",
+              "layouts": [
+                {
+                  "id": "e13f2beb-a9b1-4d22-9746-203cdb55b2c3",
+                  "type": "mobile",
+                  "top": 390,
+                  "left": 0,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "a5e018cf-ff3b-4bd6-8b1c-582f2ed09ef4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:14.896Z"
+                },
+                {
+                  "id": "329ca151-0735-4313-af24-c7eab161acf7",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 12,
+                  "width": 28,
+                  "height": 40,
+                  "componentId": "a5e018cf-ff3b-4bd6-8b1c-582f2ed09ef4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:30.969Z"
+                }
+              ]
+            },
+            {
+              "id": "555dd355-b960-4aaf-9bf7-dd2df0fb0008",
+              "name": "text20",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Action"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-04T22:06:14.896Z",
+              "updatedAt": "2024-12-04T22:11:54.085Z",
+              "layouts": [
+                {
+                  "id": "8972d261-69e1-4582-b9b8-6894e5201f9a",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "555dd355-b960-4aaf-9bf7-dd2df0fb0008",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:14.896Z"
+                },
+                {
+                  "id": "9ec9c5d7-16c2-461c-86a4-987345199470",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "555dd355-b960-4aaf-9bf7-dd2df0fb0008",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:06:33.417Z"
+                }
+              ]
+            },
+            {
+              "id": "6a69688f-0267-4f72-b7d9-9ec6e111d919",
+              "name": "divider3",
+              "type": "Divider",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "dividerColor": {
+                  "value": "#ddddddff"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-04T22:35:11.792Z",
+              "updatedAt": "2024-12-04T22:35:11.792Z",
+              "layouts": [
+                {
+                  "id": "d0cbc43f-74cc-48dc-81eb-de882c8b089e",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 1,
+                  "width": 40,
+                  "height": 10,
+                  "componentId": "6a69688f-0267-4f72-b7d9-9ec6e111d919",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:35:17.417Z"
+                },
+                {
+                  "id": "110cf6a7-dafa-4236-b4a8-34b8e0806613",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "6a69688f-0267-4f72-b7d9-9ec6e111d919",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T22:35:11.792Z"
+                }
+              ]
+            },
+            {
+              "id": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit title"
+                },
+                "titleAlignment": {
+                  "value": "left"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "triggerButtonLabel": {
+                  "value": "Launch Modal"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "hideTitleBar": {
+                  "value": "{{false}}"
+                },
+                "hideCloseButton": {
+                  "value": "{{false}}"
+                },
+                "hideOnEsc": {
+                  "value": "{{true}}"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "420px"
+                }
+              },
+              "general": {},
+              "styles": {
+                "headerBackgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "headerTextColor": {
+                  "value": "#000000"
+                },
+                "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-12-05T00:18:38.487Z",
+              "updatedAt": "2024-12-05T00:46:10.497Z",
+              "layouts": [
+                {
+                  "id": "11d18aa1-a5c0-419d-8583-06138a5dc3f1",
+                  "type": "desktop",
+                  "top": 890,
+                  "left": 19,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T01:11:47.957Z"
+                },
+                {
+                  "id": "8134e888-e965-41e8-b659-8733d863efa9",
+                  "type": "mobile",
+                  "top": 730,
+                  "left": 18,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:18:38.487Z"
+                }
+              ]
+            },
+            {
+              "id": "6c014c61-d444-4e2c-8e5b-458dc62343a6",
+              "name": "text21",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Title"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-05T00:19:13.830Z",
+              "updatedAt": "2024-12-05T00:19:13.830Z",
+              "layouts": [
+                {
+                  "id": "23184871-2b80-4054-aec2-4527ddeae5c9",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "6c014c61-d444-4e2c-8e5b-458dc62343a6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:32.307Z"
+                },
+                {
+                  "id": "7f5f8550-1241-4a36-a826-a2ad01c21f3c",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6c014c61-d444-4e2c-8e5b-458dc62343a6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:19:13.830Z"
+                }
+              ]
+            },
+            {
+              "id": "84d1a7af-118e-482e-88ff-ccc1edeeab6a",
+              "name": "textinput6",
+              "type": "TextInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "value": {
+                  "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_title}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter title"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#d9d9d9ff"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": 40
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconPencil",
+                  "fxActive": false
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-05T00:19:13.830Z",
+              "updatedAt": "2024-12-05T00:33:00.175Z",
+              "layouts": [
+                {
+                  "id": "450cd603-b6e8-4b0c-8452-372e03278e16",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 0,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "84d1a7af-118e-482e-88ff-ccc1edeeab6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:19:13.830Z"
+                },
+                {
+                  "id": "d6780127-0cdb-4bb6-8a21-80d29e72faf6",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "84d1a7af-118e-482e-88ff-ccc1edeeab6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:32.307Z"
+                }
+              ]
+            },
+            {
+              "id": "3824ebde-28b3-409c-8813-3c9e81d896ae",
+              "name": "textinput7",
+              "type": "TextInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "value": {
+                  "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_author}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter author name"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#d9d9d9ff"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "borderRadius": {
+                  "value": "6"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": 40
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconPencil",
+                  "fxActive": false
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-05T00:22:25.441Z",
+              "updatedAt": "2024-12-05T00:33:35.437Z",
+              "layouts": [
+                {
+                  "id": "0af6085f-995a-437a-b346-1f5e374139c7",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 0,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "3824ebde-28b3-409c-8813-3c9e81d896ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:22:25.441Z"
+                },
+                {
+                  "id": "fbbed706-b10d-43b4-998b-892d8a4d2d75",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "3824ebde-28b3-409c-8813-3c9e81d896ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:35.367Z"
+                }
+              ]
+            },
+            {
+              "id": "77f12e41-ad0c-49b3-ba90-c5ff72ef5d8c",
+              "name": "text22",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Author"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-05T00:22:25.441Z",
+              "updatedAt": "2024-12-05T00:22:25.441Z",
+              "layouts": [
+                {
+                  "id": "8faeaf8f-82dc-4e72-9c99-d7b2839558d9",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "77f12e41-ad0c-49b3-ba90-c5ff72ef5d8c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:35.367Z"
+                },
+                {
+                  "id": "bd984597-acbb-43cb-ab41-7fa05d0b3d30",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "77f12e41-ad0c-49b3-ba90-c5ff72ef5d8c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:22:25.441Z"
+                }
+              ]
+            },
+            {
+              "id": "7ef6b1e1-efae-4764-9f21-f6f6ef4fc3a9",
+              "name": "dropdownlegacy5",
+              "type": "DropDown",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "schema": {
+                  "value": "{{[\n    { label: 'MAGAZINE', value: 'MAGAZINE', disable: {{variables.format}}, visible: true, default: true },\n    { label: 'NEWSLETTER', value: 'NEWSLETTER', disable: {{variables.format}}, visible: true },\n    { label: 'HARDCOVER', value: 'HARDCOVER', disable: {{variables.format}}, visible: true },\n    { label: 'PAPERBACK', value: 'PAPERBACK', disable: {{variables.format}}, visible: true },\n    { label: 'E-BOOK', value: 'E-BOOK', disable: {{variables.format}}, visible: true },\n    { label: 'AUDIOBOOK', value: 'AUDIOBOOK', disable: {{variables.format}}, visible: true },\n    { label: 'JOURNAL', value: 'JOURNAL', disable: {{variables.format}}, visible: true },\n    { label: 'BOOK', value: 'BOOK', disable: {{variables.format}}, visible: true }\n]}}\n"
+                },
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_format}}"
+                },
+                "values": {
+                  "value": "{{['MAGAZINE','NEWSLETTER','HARDCOVER','PAPERBACK','E-BOOK','AUDIOBOOK','JOURNAL','BOOK']}}"
+                },
+                "display_values": {
+                  "value": "{{['MAGAZINE','NEWSLETTER','HARDCOVER','PAPERBACK','E-BOOK','AUDIOBOOK','JOURNAL','BOOK']}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}",
+                  "fxActive": true
+                },
+                "justifyContent": {
+                  "value": "left"
+                },
+                "selectedTextColor": {
+                  "fxActive": false,
+                  "value": ""
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "customRule": {
+                  "value": null
+                }
+              },
+              "createdAt": "2024-12-05T00:23:59.402Z",
+              "updatedAt": "2024-12-05T00:33:56.693Z",
+              "layouts": [
+                {
+                  "id": "6ff8b739-5fde-43f8-99f5-8c41f6deecad",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 0,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "7ef6b1e1-efae-4764-9f21-f6f6ef4fc3a9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:23:59.402Z"
+                },
+                {
+                  "id": "511af1e1-1e32-4124-84d4-36e7b87581ef",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "7ef6b1e1-efae-4764-9f21-f6f6ef4fc3a9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:39.247Z"
+                }
+              ]
+            },
+            {
+              "id": "326b329c-7476-4e61-9d9a-cccbce009075",
+              "name": "text23",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Format"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-05T00:23:59.402Z",
+              "updatedAt": "2024-12-05T00:23:59.402Z",
+              "layouts": [
+                {
+                  "id": "ceedde45-76c4-423d-a8a7-de235ffe37b8",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "326b329c-7476-4e61-9d9a-cccbce009075",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:39.247Z"
+                },
+                {
+                  "id": "ce04ad68-4940-4148-bc86-f6ba52fc114b",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "326b329c-7476-4e61-9d9a-cccbce009075",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:23:59.402Z"
+                }
+              ]
+            },
+            {
+              "id": "b12397e7-3bd1-4c38-8145-5ea4988475f8",
+              "name": "text24",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Publication date"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-05T00:24:36.211Z",
+              "updatedAt": "2024-12-05T00:24:36.211Z",
+              "layouts": [
+                {
+                  "id": "81819811-0acc-4117-8dc4-cba202bd5231",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 12,
+                  "height": 60,
+                  "componentId": "b12397e7-3bd1-4c38-8145-5ea4988475f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:42.221Z"
+                },
+                {
+                  "id": "8ea76fcc-f2b4-44c6-94ad-41d6d5738ba0",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "b12397e7-3bd1-4c38-8145-5ea4988475f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:24:36.211Z"
+                }
+              ]
+            },
+            {
+              "id": "3f7ed743-198b-4454-a6c7-1921d3418d3f",
+              "name": "textarea3",
+              "type": "TextArea",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "value": {
+                  "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_description}}"
+                },
+                "placeholder": {
+                  "value": "Enter course description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-05T00:25:08.145Z",
+              "updatedAt": "2024-12-05T00:35:10.988Z",
+              "layouts": [
+                {
+                  "id": "effebbfb-fbb2-41c6-be22-884134b96632",
+                  "type": "mobile",
+                  "top": 250,
+                  "left": 0,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "3f7ed743-198b-4454-a6c7-1921d3418d3f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:25:08.145Z"
+                },
+                {
+                  "id": "30164d20-c3a5-4d4a-9015-180e32104675",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 38,
+                  "height": 90,
+                  "componentId": "3f7ed743-198b-4454-a6c7-1921d3418d3f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:52.067Z"
+                }
+              ]
+            },
+            {
+              "id": "79023c97-4754-459e-b4b7-9f5c455c2357",
+              "name": "text25",
+              "type": "Text",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Description"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-12-05T00:25:08.145Z",
+              "updatedAt": "2024-12-05T00:25:08.145Z",
+              "layouts": [
+                {
+                  "id": "1996c1a3-6113-47e8-9f93-6041e59c28d5",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 2,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "79023c97-4754-459e-b4b7-9f5c455c2357",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:52.067Z"
+                },
+                {
+                  "id": "af3d17f0-4f36-4b08-bced-0f9032086a7d",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "79023c97-4754-459e-b4b7-9f5c455c2357",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:25:08.145Z"
+                }
+              ]
+            },
+            {
+              "id": "03207e0d-af08-47dc-87ca-b317eb8863b5",
+              "name": "button9",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{queries.854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48.isLoading}}",
+                  "fxActive": true
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-05T00:25:55.297Z",
+              "updatedAt": "2024-12-05T01:21:47.247Z",
+              "layouts": [
+                {
+                  "id": "77af9e03-189b-4f99-9815-b4fd1df5fc0f",
+                  "type": "desktop",
+                  "top": 350,
+                  "left": 22,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "03207e0d-af08-47dc-87ca-b317eb8863b5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:57.921Z"
+                },
+                {
+                  "id": "9d6a8bfc-d1aa-4028-bf9f-3c849482a746",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "03207e0d-af08-47dc-87ca-b317eb8863b5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:25:55.297Z"
+                }
+              ]
+            },
+            {
+              "id": "c7decdcb-bd52-4bc1-b749-6cae1f162be8",
+              "name": "button8",
+              "type": "Button",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#4368E3"
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-12-05T00:25:55.297Z",
+              "updatedAt": "2024-12-05T00:35:23.332Z",
+              "layouts": [
+                {
+                  "id": "b8f2756d-d0e8-4e27-b72a-0c2a7359aae3",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "c7decdcb-bd52-4bc1-b749-6cae1f162be8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:25:55.297Z"
+                },
+                {
+                  "id": "b649ce94-6ed8-42ba-8ee2-9413948980c2",
+                  "type": "desktop",
+                  "top": 350,
+                  "left": 2,
+                  "width": 18,
+                  "height": 40,
+                  "componentId": "c7decdcb-bd52-4bc1-b749-6cae1f162be8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-05T00:26:57.921Z"
+                }
+              ]
+            },
+            {
+              "id": "096082da-9a7b-4e6a-8f76-97b36f730594",
+              "name": "newDatePicker",
+              "type": "NumberInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "67ad89c8-d74e-4090-8f51-66723a881b65",
+              "properties": {
+                "value": {
+                  "value": "{{moment().format(\"YYYY\")}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": "1900"
+                },
+                "maxValue": {
+                  "value": "{{moment().format(\"YYYY\")}}"
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-09T14:10:58.686Z",
+              "updatedAt": "2024-12-09T14:15:49.987Z",
+              "layouts": [
+                {
+                  "id": "6093c9df-56a2-4905-a7e6-f6e65a9cd6b9",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 15,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "096082da-9a7b-4e6a-8f76-97b36f730594",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:10:58.686Z"
+                },
+                {
+                  "id": "14f283d1-7cd4-48ee-b91c-75563bc50ef1",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "096082da-9a7b-4e6a-8f76-97b36f730594",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:15:57.795Z"
+                }
+              ]
+            },
+            {
+              "id": "7643c5e6-c9da-4b96-be20-1b079de7c3b7",
+              "name": "numberinput2",
+              "type": "NumberInput",
+              "pageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "parent": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+              "properties": {
+                "value": {
+                  "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_publication_date}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": "1900"
+                },
+                "maxValue": {
+                  "value": "{{moment().format(\"YYYY\")}}"
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-12-09T14:38:55.652Z",
+              "updatedAt": "2024-12-09T14:41:14.924Z",
+              "layouts": [
+                {
+                  "id": "f3b641dd-73ef-4099-a90f-5c0b4b9df6f8",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 14,
+                  "width": 26,
+                  "height": 40,
+                  "componentId": "7643c5e6-c9da-4b96-be20-1b079de7c3b7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:39:11.167Z"
+                },
+                {
+                  "id": "9033c4d3-9f8f-41ca-91bb-323cda42218c",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "7643c5e6-c9da-4b96-be20-1b079de7c3b7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:38:55.652Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-04T21:37:42.886Z",
+              "autoComputeLayout": true,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "a57fe3b7-b566-44f7-a154-752494d91455",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "67ad89c8-d74e-4090-8f51-66723a881b65",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "7e648d7e-943e-4245-9e8e-9247122d10b2",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:00:05.027Z",
+              "updatedAt": "2024-12-04T22:00:23.259Z"
+            },
+            {
+              "id": "7fcad6f4-dc99-4a52-86f1-47390d47544b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "bf00df6e-506c-425d-8701-4b4801a49c83",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:33:25.780Z",
+              "updatedAt": "2024-12-04T22:33:51.723Z"
+            },
+            {
+              "id": "f44e6ed2-0d20-438f-8d62-da9659880822",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update Borrower! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:56:06.510Z",
+              "updatedAt": "2024-12-04T22:57:55.793Z"
+            },
+            {
+              "id": "7d30616c-55f0-4619-8754-6817774e507f",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add Borrower! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "1e43670b-5b64-4288-b18e-5dfb302dda8f",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:57:35.630Z",
+              "updatedAt": "2024-12-04T22:57:47.109Z"
+            },
+            {
+              "id": "8246eef6-dc13-4e01-87ea-9d5591c5b59e",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update title availability! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "7623455a-313e-461d-8fd1-900a9871a76c",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:57:59.066Z",
+              "updatedAt": "2024-12-04T23:58:48.454Z"
+            },
+            {
+              "id": "29b55494-f4cd-4433-9174-8c46f4363ce8",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "614c6c1a-1be0-49df-a83c-9ce482f85b6a",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "7623455a-313e-461d-8fd1-900a9871a76c",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:45:02.268Z",
+              "updatedAt": "2024-12-04T23:53:18.652Z"
+            },
+            {
+              "id": "ce92ae66-702a-44ed-a83b-7aace5ee7b51",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Title availability updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "7623455a-313e-461d-8fd1-900a9871a76c",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:45:19.508Z",
+              "updatedAt": "2024-12-04T23:53:18.652Z"
+            },
+            {
+              "id": "d2aa3a61-1be6-49a0-ba58-3ec379516bc5",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "1e43670b-5b64-4288-b18e-5dfb302dda8f",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addBorrower",
+                "runOnlyIf": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"issue\"}}",
+                "parameters": {}
+              },
+              "sourceId": "0ebdb4e9-5de0-432c-beda-2a2f6a2e1e55",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:46:57.519Z",
+              "updatedAt": "2024-12-04T23:48:03.812Z"
+            },
+            {
+              "id": "9f66df94-48f9-460c-b381-da82ddcbf81a",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateBorrower",
+                "runOnlyIf": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"return\"}}",
+                "parameters": {}
+              },
+              "sourceId": "0ebdb4e9-5de0-432c-beda-2a2f6a2e1e55",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:48:22.089Z",
+              "updatedAt": "2024-12-05T00:10:33.614Z"
+            },
+            {
+              "id": "14177987-c516-4e19-b464-382d4518278b",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "7623455a-313e-461d-8fd1-900a9871a76c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateTitleAvailability",
+                "parameters": {}
+              },
+              "sourceId": "1e43670b-5b64-4288-b18e-5dfb302dda8f",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:50:40.066Z",
+              "updatedAt": "2024-12-04T23:50:45.676Z"
+            },
+            {
+              "id": "ecbc53b6-30d3-4d8d-85c2-57fbe0d84759",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "7623455a-313e-461d-8fd1-900a9871a76c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateTitleAvailability",
+                "parameters": {}
+              },
+              "sourceId": "08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:50:52.795Z",
+              "updatedAt": "2024-12-04T23:50:59.768Z"
+            },
+            {
+              "id": "5a78a771-cc93-4001-bc3c-7998c8ea702a",
+              "name": "onDataQuerySuccess",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getBooksDetails",
+                "parameters": {}
+              },
+              "sourceId": "7623455a-313e-461d-8fd1-900a9871a76c",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:52:53.091Z",
+              "updatedAt": "2024-12-04T23:52:59.420Z"
+            },
+            {
+              "id": "aca12ef4-d5ce-4cbf-8f4f-792df159894d",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addNewTitle",
+                "parameters": {}
+              },
+              "sourceId": "75a17d11-511a-4d56-a2f1-866e1457f476",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:04:39.792Z",
+              "updatedAt": "2024-12-05T00:04:46.216Z"
+            },
+            {
+              "id": "51a6e236-ec0a-43a0-a763-075fac1f5f83",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Title added successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:05:05.429Z",
+              "updatedAt": "2024-12-05T00:05:35.831Z"
+            },
+            {
+              "id": "b4184e1d-0aae-49c8-b14d-752f920b33d9",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add new title! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:05:38.606Z",
+              "updatedAt": "2024-12-05T00:09:18.122Z"
+            },
+            {
+              "id": "28050d08-0911-48cc-8446-14cfecd84fa3",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getBooksDetails",
+                "parameters": {}
+              },
+              "sourceId": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:06:22.012Z",
+              "updatedAt": "2024-12-05T00:09:18.122Z"
+            },
+            {
+              "id": "9435d846-87d7-4910-8a5a-4043d4c7103c",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "67ad89c8-d74e-4090-8f51-66723a881b65",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:09:10.051Z",
+              "updatedAt": "2024-12-05T00:09:34.673Z"
+            },
+            {
+              "id": "d8b6ac56-8b24-493f-947f-c7d7c886006b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateTitleDetails",
+                "parameters": {}
+              },
+              "sourceId": "03207e0d-af08-47dc-87ca-b317eb8863b5",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:25:56.143Z",
+              "updatedAt": "2024-12-05T00:40:30.168Z"
+            },
+            {
+              "id": "3a4b10db-4c81-498b-9cfe-5e706b04d74c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "modal": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "35588621-50dd-4259-b060-a9b685aac019",
+              "target": "table_action",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:31:20.214Z",
+              "updatedAt": "2024-12-05T00:31:27.288Z"
+            },
+            {
+              "id": "401fb8ca-61ce-4e7d-b4b7-007f4c238543",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "c7decdcb-bd52-4bc1-b749-6cae1f162be8",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:35:31.634Z",
+              "updatedAt": "2024-12-05T00:35:36.536Z"
+            },
+            {
+              "id": "1aee3785-66ec-4a10-aaa1-bae5f7347a4f",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update title details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:38:29.546Z",
+              "updatedAt": "2024-12-05T00:39:02.660Z"
+            },
+            {
+              "id": "f9f8fb62-2f17-4aa8-8187-bc5fc590b1be",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Title updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:39:18.091Z",
+              "updatedAt": "2024-12-05T00:39:35.676Z"
+            },
+            {
+              "id": "bc38f7e5-aa00-4104-8541-9a9d40de45eb",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "modal": "39a8f6dd-4333-49dd-a725-e186bad81a26",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:39:43.854Z",
+              "updatedAt": "2024-12-05T00:39:48.753Z"
+            },
+            {
+              "id": "f1b19c27-3f92-41da-8a76-2dd1f7720212",
+              "name": "onDataQuerySuccess",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getBooksDetails",
+                "parameters": {}
+              },
+              "sourceId": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:39:51.489Z",
+              "updatedAt": "2024-12-05T00:39:59.963Z"
+            },
+            {
+              "id": "c0056644-558c-43a2-8640-46a417cedc45",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Title deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "da9cd432-d320-41b0-92cb-2b176efff3a2",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:48:53.270Z",
+              "updatedAt": "2024-12-05T00:50:45.411Z"
+            },
+            {
+              "id": "6f9386a6-059a-43a6-8ee9-de4abaceac6d",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to delete title! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "da9cd432-d320-41b0-92cb-2b176efff3a2",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:50:08.386Z",
+              "updatedAt": "2024-12-05T00:50:45.411Z"
+            },
+            {
+              "id": "53471cb3-6290-40a0-a20b-82c0e19fccc4",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getBooksDetails",
+                "parameters": {}
+              },
+              "sourceId": "da9cd432-d320-41b0-92cb-2b176efff3a2",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:50:49.304Z",
+              "updatedAt": "2024-12-05T00:51:07.195Z"
+            },
+            {
+              "id": "eb8d7f7f-9997-49d5-bb63-5f30b6285e6e",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "012194f7-e4e8-45b5-a4c0-7e18d05d3827",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "filterTitles",
+                "parameters": {}
+              },
+              "sourceId": "a50e8522-2a7a-4fdd-87df-0c69f03d8673",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T01:10:41.436Z",
+              "updatedAt": "2024-12-05T01:10:47.580Z"
+            },
+            {
+              "id": "deccc231-d286-4c9f-9592-fc7bc27bb269",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "012194f7-e4e8-45b5-a4c0-7e18d05d3827",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "filterTitles",
+                "parameters": {}
+              },
+              "sourceId": "df619089-243d-4908-a86e-d38dafe8a8ca",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T01:10:53.327Z",
+              "updatedAt": "2024-12-05T01:10:58.283Z"
+            },
+            {
+              "id": "67998a63-2d53-4984-94e8-b3fe4148eb0d",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "da9cd432-d320-41b0-92cb-2b176efff3a2",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteTitle",
+                "parameters": {}
+              },
+              "sourceId": "35588621-50dd-4259-b060-a9b685aac019",
+              "target": "table_action",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T01:13:35.853Z",
+              "updatedAt": "2024-12-05T01:13:42.683Z"
+            },
+            {
+              "id": "abd2207b-5b56-4beb-b604-10867e48c0e8",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "012194f7-e4e8-45b5-a4c0-7e18d05d3827",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "filterTitles",
+                "parameters": {}
+              },
+              "sourceId": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+              "target": "data_query",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T01:14:55.798Z",
+              "updatedAt": "2024-12-05T01:15:05.487Z"
+            },
+            {
+              "id": "8cd2fd6c-9c8c-48c4-9f92-c4a35ebc6171",
+              "name": "onRowClicked",
+              "index": 1,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "debounce": "100",
+                "alertType": "info",
+                "componentId": "c24f5c9e-83ae-4961-848a-bdb2a8f6ed37",
+                "componentSpecificActionHandle": "selectOption",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_id}}",
+                    "handle": "select",
+                    "displayName": "Select"
+                  }
+                ]
+              },
+              "sourceId": "35588621-50dd-4259-b060-a9b685aac019",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-09T15:30:55.386Z",
+              "updatedAt": "2024-12-09T15:36:46.558Z"
+            },
+            {
+              "id": "db246c7a-1692-4d57-ba78-260743e0cd8e",
+              "name": "onRowClicked",
+              "index": 0,
+              "event": {
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "a5e018cf-ff3b-4bd6-8b1c-582f2ed09ef4",
+                "componentSpecificActionHandle": "selectOption",
+                "componentSpecificActionParams": [
+                  {
+                    "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_availability == \"ISSUED\" ? \"return\" : \"issue\"}}",
+                    "handle": "select",
+                    "displayName": "Select"
+                  }
+                ]
+              },
+              "sourceId": "35588621-50dd-4259-b060-a9b685aac019",
+              "target": "component",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-09T15:33:44.693Z",
+              "updatedAt": "2024-12-09T15:34:55.914Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c",
+              "name": "getBooksDetails",
+              "options": {
+                "operation": "join_tables",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1728924616295,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                              "columnName": "borrower_id",
+                              "type": "Column"
+                            },
+                            "rightField": {
+                              "table": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+                              "columnName": "id",
+                              "type": "Column"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "LEFT",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    }
+                  ],
+                  "from": {
+                    "name": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "borrower_name",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "borrow_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "return_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "title",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "author",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "format",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "publication_date",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "availability",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "borrower_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    }
+                  ],
+                  "conditions": {
+                    "conditionsList": []
+                  },
+                  "order_by": [
+                    {
+                      "columnName": "id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                      "direction": "DESC"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "runOnPageLoad": true,
+                "showSuccessNotification": false,
+                "notificationDuration": "1"
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T21:37:42.886Z",
+              "updatedAt": "2024-12-09T15:37:13.118Z"
+            },
+            {
+              "id": "7623455a-313e-461d-8fd1-900a9871a76c",
+              "name": "updateTitleAvailability",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733754644470,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "title",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "author",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "format",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "publication_date",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "availability",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "borrower_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "availability",
+                      "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"issue\" ? \"ISSUED\" : \"AVAILABLE\"}}"
+                    },
+                    "3963643e-fc00-4880-a641-7135221829f5": {
+                      "column": "borrower_id",
+                      "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdownlegacy4.value == \"issue\"\n  ? queries.1e43670b-5b64-4288-b18e-5dfb302dda8f.data[0].id\n  : queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.filter(\n      (row) =>\n        row.library_resources_id == components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdown1.value\n    )[0].library_resources_borrower_id}}"
+                    }
+                  },
+                  "where_filters": {
+                    "fae94536-dd1e-4b34-bbe9-57b2fe77363c": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdown1.value}}",
+                      "id": "fae94536-dd1e-4b34-bbe9-57b2fe77363c"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:35:55.241Z",
+              "updatedAt": "2024-12-09T15:29:19.248Z"
+            },
+            {
+              "id": "1e43670b-5b64-4288-b18e-5dfb302dda8f",
+              "name": "addBorrower",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733352338024,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "borrower_name",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "borrow_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "return_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "book_id",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0376aca6-eec0-4675-9b08-1e17c7557433": {
+                    "column": "borrower_name",
+                    "value": "{{components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.textinput1.value}}"
+                  },
+                  "ef887c8d-9d0d-4e51-a1a8-31bb1d7f8bee": {
+                    "column": "borrow_date",
+                    "value": "{{moment().format(\"DD/MM/YYYY\")}}"
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:45:12.057Z",
+              "updatedAt": "2024-12-09T15:29:17.768Z"
+            },
+            {
+              "id": "08b4ee54-eb4c-4d68-bb0d-e71a986d8e9e",
+              "name": "updateBorrower",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733352511652,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "a941947f-f0af-41b5-ab0a-b8d70048b329",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "borrower_name",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "borrow_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "return_date",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    },
+                    {
+                      "name": "book_id",
+                      "table": "a941947f-f0af-41b5-ab0a-b8d70048b329"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "9ac7b99d-9cc7-47f9-a14d-7b1b201ff7ec": {
+                      "column": "return_date",
+                      "value": "{{moment().format(\"DD/MM/YYYY\")}}"
+                    }
+                  },
+                  "where_filters": {
+                    "2697eb12-f7e6-4ab9-b80c-81ae6e9c44dd": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{queries.ea01f6c1-1b1d-442b-b4d4-5b3f0aa7004c.data.result.filter(\n  (row) =>\n    row.library_resources_id == components.614c6c1a-1be0-49df-a83c-9ce482f85b6a.data.dropdown1.value\n)[0].library_resources_borrower_id}}",
+                      "id": "2697eb12-f7e6-4ab9-b80c-81ae6e9c44dd"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T22:48:04.465Z",
+              "updatedAt": "2024-12-09T15:03:25.198Z"
+            },
+            {
+              "id": "eed50645-89a8-4a8e-9313-84a0eb55b826",
+              "name": "addNewTitle",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733356785868,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "book_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "title",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "author",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "format",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "publication_date",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "availability",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "borrower_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "d48b8fd3-e42b-493f-86dd-cae782b2046b": {
+                    "column": "title",
+                    "value": "{{components.67ad89c8-d74e-4090-8f51-66723a881b65.data.newTitle.value}}"
+                  },
+                  "bf4806f0-2abf-4a1f-b427-3cffa749f3f1": {
+                    "column": "author",
+                    "value": "{{components.67ad89c8-d74e-4090-8f51-66723a881b65.data.newAuthor.value}}"
+                  },
+                  "25ab6e3e-cfa0-4441-973f-9f26a82123f3": {
+                    "column": "format",
+                    "value": "{{components.67ad89c8-d74e-4090-8f51-66723a881b65.data.newFormat.value}}"
+                  },
+                  "2d0415e6-d0af-4350-ba2c-6efe3a18764a": {
+                    "column": "publication_date",
+                    "value": "{{components.67ad89c8-d74e-4090-8f51-66723a881b65.data.newDatePicker.value}}"
+                  },
+                  "9d85a0a2-1af7-4b50-af99-6984c0b5553d": {
+                    "column": "description",
+                    "value": "{{components.67ad89c8-d74e-4090-8f51-66723a881b65.data.textarea2.value}}"
+                  },
+                  "f71decf0-c700-4194-874e-ca0e8a70c7e9": {
+                    "column": "availability",
+                    "value": "AVAILABLE"
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-04T23:57:35.745Z",
+              "updatedAt": "2024-12-09T15:27:59.363Z"
+            },
+            {
+              "id": "854ce8d9-0bbc-4f9f-bcf2-0d2a124baa48",
+              "name": "updateTitleDetails",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733358975208,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "book_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "title",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "author",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "format",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "publication_date",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "availability",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "borrower_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "title",
+                      "value": "{{components.84d1a7af-118e-482e-88ff-ccc1edeeab6a.value}}"
+                    },
+                    "1": {
+                      "column": "author",
+                      "value": "{{components.3824ebde-28b3-409c-8813-3c9e81d896ae.value}}"
+                    },
+                    "2": {
+                      "column": "format",
+                      "value": "{{components.7ef6b1e1-efae-4764-9f21-f6f6ef4fc3a9.value}}"
+                    },
+                    "3": {
+                      "column": "publication_date",
+                      "value": "{{components.7643c5e6-c9da-4b96-be20-1b079de7c3b7.value}}"
+                    },
+                    "95c8ca18-898d-40ba-ac85-72e150a2dd8e": {
+                      "column": "description",
+                      "value": "{{components.3f7ed743-198b-4454-a6c7-1921d3418d3f.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "25d560f8-6914-44d0-b56f-459ae215bd8d": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_id}}",
+                      "id": "25d560f8-6914-44d0-b56f-459ae215bd8d"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:35:49.898Z",
+              "updatedAt": "2024-12-09T14:42:02.459Z"
+            },
+            {
+              "id": "da9cd432-d320-41b0-92cb-2b176efff3a2",
+              "name": "deleteTitle",
+              "options": {
+                "operation": "delete_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "table_id": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1733753933218,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "80f71bd6-3f9c-4cc6-803c-408031021c9a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "book_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "title",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "author",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "format",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "publication_date",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "availability",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    },
+                    {
+                      "name": "borrower_id",
+                      "table": "80f71bd6-3f9c-4cc6-803c-408031021c9a"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "delete_rows": {
+                  "limit": 1,
+                  "where_filters": {
+                    "c2bcdd47-48ae-4edd-b8e9-c2cd6ef33fe3": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.35588621-50dd-4259-b060-a9b685aac019.selectedRow.library_resources_id}}",
+                      "id": "c2bcdd47-48ae-4edd-b8e9-c2cd6ef33fe3"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:44:39.710Z",
+              "updatedAt": "2024-12-09T15:37:12.214Z"
+            },
+            {
+              "id": "012194f7-e4e8-45b5-a4c0-7e18d05d3827",
+              "name": "filterTitles",
+              "options": {
+                "code": "if (components.formatFilter.values.length > 0) {\n  if (components.authorFilter.values.length > 0) {\n    return queries.getBooksDetails.data.result.filter(\n      (row) =>\n        components.formatFilter.values.includes(row.library_resources_format) &&\n        components.authorFilter.values.includes(row.library_resources_author)\n    );\n  } else {\n    return queries.getBooksDetails.data.result.filter((row) =>\n      components.formatFilter.values.includes(row.library_resources_format)\n    );\n  }\n} else if (components.authorFilter.values.length > 0) {\n  return queries.getBooksDetails.data.result.filter((row) =>\n    components.authorFilter.values.includes(row.library_resources_author)\n  );\n} else {\n  return queries.getBooksDetails.data.result;\n}\n",
+                "parameters": []
+              },
+              "dataSourceId": "612d6787-d88b-47ae-9a0f-a34282ccefe7",
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "createdAt": "2024-12-05T00:51:59.433Z",
+              "updatedAt": "2024-12-05T01:09:56.151Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "b42a190c-094a-4b2a-80a2-e0e566701de5",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-04T21:37:42.891Z",
+              "updatedAt": "2024-12-04T21:37:42.891Z"
+            },
+            {
+              "id": "612d6787-d88b-47ae-9a0f-a34282ccefe7",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-04T21:37:42.899Z",
+              "updatedAt": "2024-12-04T21:37:42.899Z"
+            },
+            {
+              "id": "f6546ed4-8b96-4a35-b1b2-1417b5a65ea1",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-04T21:37:42.906Z",
+              "updatedAt": "2024-12-04T21:37:42.906Z"
+            },
+            {
+              "id": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-04T21:37:42.913Z",
+              "updatedAt": "2024-12-04T21:37:42.913Z"
+            },
+            {
+              "id": "2433f63e-7cd2-49fe-b160-b7c92058f784",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-12-04T21:37:42.919Z",
+              "updatedAt": "2024-12-04T21:37:42.919Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "5de61511-43cc-4a0a-b3dd-c8f130bc092e",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "88fd854f-48e2-4a63-a4c9-f86b3fac2967",
+              "appId": "5552ec90-099d-4eab-a1ae-5d317ec6b3e4",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-12-04T21:37:42.875Z",
+              "updatedAt": "2024-12-05T01:12:51.780Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "51f4373d-cc04-495f-acc7-b56e7dd14933",
+              "dataSourceId": "b42a190c-094a-4b2a-80a2-e0e566701de5",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.897Z",
+              "updatedAt": "2024-12-04T21:37:42.897Z"
+            },
+            {
+              "id": "ee5763bf-d260-4717-b385-feb953292b04",
+              "dataSourceId": "b42a190c-094a-4b2a-80a2-e0e566701de5",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.897Z",
+              "updatedAt": "2024-12-04T21:37:42.897Z"
+            },
+            {
+              "id": "ba2126e2-1fcc-47c8-bb19-50915a707e65",
+              "dataSourceId": "b42a190c-094a-4b2a-80a2-e0e566701de5",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.897Z",
+              "updatedAt": "2024-12-04T21:37:42.897Z"
+            },
+            {
+              "id": "503a2e29-1293-4e38-a1ab-047f37bda4ae",
+              "dataSourceId": "612d6787-d88b-47ae-9a0f-a34282ccefe7",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.904Z",
+              "updatedAt": "2024-12-04T21:37:42.904Z"
+            },
+            {
+              "id": "c5ef5fb9-88ac-4781-a102-5908dae1120d",
+              "dataSourceId": "612d6787-d88b-47ae-9a0f-a34282ccefe7",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.904Z",
+              "updatedAt": "2024-12-04T21:37:42.904Z"
+            },
+            {
+              "id": "b009cb62-5f38-4101-a674-efb22087cd6f",
+              "dataSourceId": "612d6787-d88b-47ae-9a0f-a34282ccefe7",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.904Z",
+              "updatedAt": "2024-12-04T21:37:42.904Z"
+            },
+            {
+              "id": "319d728c-1102-4875-8bf0-ffb5fddf9a84",
+              "dataSourceId": "f6546ed4-8b96-4a35-b1b2-1417b5a65ea1",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.911Z",
+              "updatedAt": "2024-12-04T21:37:42.911Z"
+            },
+            {
+              "id": "317b8913-c2f2-42d9-b964-204b693a2275",
+              "dataSourceId": "f6546ed4-8b96-4a35-b1b2-1417b5a65ea1",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.911Z",
+              "updatedAt": "2024-12-04T21:37:42.911Z"
+            },
+            {
+              "id": "bb7b6be4-c512-4286-b5ff-ac8af227e774",
+              "dataSourceId": "f6546ed4-8b96-4a35-b1b2-1417b5a65ea1",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.911Z",
+              "updatedAt": "2024-12-04T21:37:42.911Z"
+            },
+            {
+              "id": "a3290ecf-9a69-41e0-9d9e-7668b2ab3d29",
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.918Z",
+              "updatedAt": "2024-12-04T21:37:42.918Z"
+            },
+            {
+              "id": "64524f8a-2920-42c0-8e7c-2d153e351d88",
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.918Z",
+              "updatedAt": "2024-12-04T21:37:42.918Z"
+            },
+            {
+              "id": "641ef7ae-c50a-490f-b834-d7b7e48920c3",
+              "dataSourceId": "b603629f-da57-4821-bb25-b9c1a2c8f98e",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.918Z",
+              "updatedAt": "2024-12-04T21:37:42.918Z"
+            },
+            {
+              "id": "51663468-b694-48a3-90a1-d44e74b4a546",
+              "dataSourceId": "2433f63e-7cd2-49fe-b160-b7c92058f784",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.925Z",
+              "updatedAt": "2024-12-04T21:37:42.925Z"
+            },
+            {
+              "id": "9d978928-788f-4f96-a09b-443983182119",
+              "dataSourceId": "2433f63e-7cd2-49fe-b160-b7c92058f784",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.925Z",
+              "updatedAt": "2024-12-04T21:37:42.925Z"
+            },
+            {
+              "id": "badeeb6b-2cd0-419d-a51f-88a38a143653",
+              "dataSourceId": "2433f63e-7cd2-49fe-b160-b7c92058f784",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-12-04T21:37:42.925Z",
+              "updatedAt": "2024-12-04T21:37:42.925Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.17-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/library-management-system/manifest.json b/server/templates/library-management-system/manifest.json
new file mode 100644
index 0000000000..d4cec4cbf4
--- /dev/null
+++ b/server/templates/library-management-system/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Library management system",
+  "description": "This template offers a complete solution for managing library resources efficiently, with streamlined cataloging and search.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "library-management-system",
+  "category": "operations"
+}
\ No newline at end of file
diff --git a/server/templates/personal-finance-tracker/definition.json b/server/templates/personal-finance-tracker/definition.json
new file mode 100644
index 0000000000..af77841d41
--- /dev/null
+++ b/server/templates/personal-finance-tracker/definition.json
@@ -0,0 +1,2925 @@
+{
+  "tooljet_database": [
+    {
+      "id": "5a4b0a35-94a1-4ab9-b447-30b121fd7ddf",
+      "table_name": "personal_finance_transactions",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"5a4b0a35-94a1-4ab9-b447-30b121fd7ddf_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "transaction_amount",
+            "data_type": "integer",
+            "column_default": "0",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "transaction_description",
+            "data_type": "character varying",
+            "column_default": "Misc",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "transaction_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "transaction_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "c559a720-b9dd-4ec9-b79d-df84ef001570",
+          "name": "Personal finance tracker",
+          "slug": "c559a720-b9dd-4ec9-b79d-df84ef001570",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "sentfast",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-06T06:54:47.982Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-06T06:54:48.525Z",
+          "editingVersion": {
+            "id": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+            "appId": "c559a720-b9dd-4ec9-b79d-df84ef001570",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-06T06:54:47.998Z",
+            "updatedAt": "2024-09-17T09:07:07.282Z"
+          },
+          "components": [
+            {
+              "id": "712fc4d1-5c9b-42f3-bbe7-ea39c000d09a",
+              "name": "transactionDate",
+              "type": "Datepicker",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{moment().format(\"DD MMM YYYY\")}}"
+                },
+                "format": {
+                  "value": "DD MMM YYYY"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "2b268758-8ff3-4a35-8e71-3d95c093b6f8",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "712fc4d1-5c9b-42f3-bbe7-ea39c000d09a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:29:19.852Z"
+                },
+                {
+                  "id": "74dc8e93-6da5-403f-939d-1608e649a8e0",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 4,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "712fc4d1-5c9b-42f3-bbe7-ea39c000d09a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "87ee0318-9e44-4c03-af28-d370911eaee1",
+              "name": "container4",
+              "type": "Container",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "29575bb2-4ddc-40b8-89d5-eaf120731514",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 17,
+                  "width": 25,
+                  "height": 740,
+                  "componentId": "87ee0318-9e44-4c03-af28-d370911eaee1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "84642705-e05b-4f92-b889-37b34f9d477d",
+                  "type": "mobile",
+                  "top": 880,
+                  "left": 4,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "87ee0318-9e44-4c03-af28-d370911eaee1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "aaa7d48c-a44b-4cef-8815-ce811f1da2e1",
+              "name": "transactionDescription",
+              "type": "TextArea",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter transaction description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "5cde1d3a-f923-4a41-a3ea-7d7ebc8a15a5",
+                  "type": "desktop",
+                  "top": 280,
+                  "left": 2,
+                  "width": 38,
+                  "height": 100,
+                  "componentId": "aaa7d48c-a44b-4cef-8815-ce811f1da2e1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "13c9bb95-3d64-468b-a8bf-5f2aea44ed7a",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "aaa7d48c-a44b-4cef-8815-ce811f1da2e1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "163bac51-0e5c-4efd-bb79-13518ca8e312",
+              "name": "addTransactionButton",
+              "type": "Button",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "text": {
+                  "value": "{{`Add to ${components.transactionForm.data.transactionType.value.toLowerCase()}s`}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addTransaction.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "loaderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5cceb4ca-45a6-45f3-900b-7a27cf12a0b6",
+                  "type": "desktop",
+                  "top": 400,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "163bac51-0e5c-4efd-bb79-13518ca8e312",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "0b7900d6-6e75-4954-9efe-4ed79f80d866",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "163bac51-0e5c-4efd-bb79-13518ca8e312",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "4fafe4e5-7653-4754-93cb-25daf7903d03",
+              "name": "transactionAmount",
+              "type": "NumberInput",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "99"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconCurrencyDollar"
+                },
+                "iconVisibility": {
+                  "value": true
+                },
+                "backgroundColor": {
+                  "fxActive": false,
+                  "value": "#fff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "0"
+                },
+                "mandatory": {
+                  "value": "{{false}}"
+                }
+              },
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "0c9862e9-0678-4063-9052-30b74602b37a",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "4fafe4e5-7653-4754-93cb-25daf7903d03",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "72a40b5e-dc85-4e5d-a829-605cc9761f0f",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 4,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "4fafe4e5-7653-4754-93cb-25daf7903d03",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "fcb5295e-e0e5-4013-99c6-4e244b0ac575",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+              "properties": {
+                "text": {
+                  "value": "{{`$${queries.monthlyOverview.data.expenses.toLocaleString(\"en-US\", {minimumFractionDigits: 2, maximumFractionDigits: 2,})}`}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getEarningsAndExpenses.isLoading || queries.monthlyOverview.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#ee2c4dff"
+                },
+                "textSize": {
+                  "value": "22"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "ac67d09a-a479-4361-b8bc-f5dd60f1099f",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 22,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "fcb5295e-e0e5-4013-99c6-4e244b0ac575",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "75640ef5-fdd8-4b21-98a5-100d11550028",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "fcb5295e-e0e5-4013-99c6-4e244b0ac575",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "1d40ff79-4686-4f51-9963-d1b54313fd31",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+              "properties": {
+                "text": {
+                  "value": "{{`Statistics for ${moment().format(\"MMM YYYY\")}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "097622c3-a993-4f99-aa96-98b5e9c77897",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1d40ff79-4686-4f51-9963-d1b54313fd31",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "5d6dddcd-b131-402e-ade3-2375860b7014",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "1d40ff79-4686-4f51-9963-d1b54313fd31",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "visibility": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "8111bfb5-0f69-4fdc-9ff3-2464a16e6455",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "9300a5f9-5f28-40cc-bb64-6728d108afe8",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 14.999999999999998,
+                  "height": 740,
+                  "componentId": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ccd1d5ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "50aac782-8efa-43ab-9818-a61335571634",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 2,
+                  "width": 38,
+                  "height": 100,
+                  "componentId": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "fb52dec7-7ad0-4cab-8c4c-463508ada701",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "703dc6d8-8888-4bf8-a2a4-a3d04d5ccae0",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "5e7c579f-222b-458b-889f-512fc63734e0",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "c91a5e5b-3324-4f42-a924-4c2769c1ec69",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "703dc6d8-8888-4bf8-a2a4-a3d04d5ccae0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "5e7c579f-222b-458b-889f-512fc63734e0",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "6597ea4d-3922-4d7f-bf48-16108982e0ba",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "5e7c579f-222b-458b-889f-512fc63734e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "099647e9-8f5f-46c2-93c3-a9612aabe077",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "5e7c579f-222b-458b-889f-512fc63734e0",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Personal finance tracker</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "67c00d7a-ec31-489f-87fe-dd7f94d1d828",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "099647e9-8f5f-46c2-93c3-a9612aabe077",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "7380018a-9e8d-44ca-82c3-9ea7ca90c865",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+              "properties": {
+                "text": {
+                  "value": "Earnings"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "1b643975-1949-4432-942c-763ba84e34cf",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "7380018a-9e8d-44ca-82c3-9ea7ca90c865",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "b76a1a2e-43aa-4fc3-ad7e-9e91a59d5a56",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 17,
+                  "height": 30,
+                  "componentId": "7380018a-9e8d-44ca-82c3-9ea7ca90c865",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "a2e7f994-c2aa-4515-b52c-ec0093375957",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+              "properties": {
+                "text": {
+                  "value": "Expenses"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "51bc9307-688c-4ba4-b0da-b61e9f225af5",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a2e7f994-c2aa-4515-b52c-ec0093375957",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "7c67e00f-c698-44f9-bb0f-0267680a4cca",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 23,
+                  "width": 17,
+                  "height": 30,
+                  "componentId": "a2e7f994-c2aa-4515-b52c-ec0093375957",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "159b0853-973d-47bf-9919-cfe9e34848c0",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "74d3de10-ea46-49cb-b48f-10af20d3b596",
+              "properties": {
+                "text": {
+                  "value": "{{`$${queries.monthlyOverview.data.earnings.toLocaleString(\"en-US\", {minimumFractionDigits: 2, maximumFractionDigits: 2,})}`}}"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getEarningsAndExpenses.isLoading || queries.monthlyOverview.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#36af8bff"
+                },
+                "textSize": {
+                  "value": "22"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "7d4c80e6-eb1f-4ae1-b050-501308441b91",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "159b0853-973d-47bf-9919-cfe9e34848c0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "81054568-9902-431e-94f7-eddd64732081",
+                  "type": "desktop",
+                  "top": 40,
+                  "left": 2,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "159b0853-973d-47bf-9919-cfe9e34848c0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "name": "transactionForm",
+              "type": "Form",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "none"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ccd1d5ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "aa63808d-3110-47dd-bcc8-dfe795320e92",
+                  "type": "mobile",
+                  "top": 740,
+                  "left": 2,
+                  "width": 30.232558139534884,
+                  "height": 330,
+                  "componentId": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "b93c2b2f-d93a-4d0d-bb61-c7b5acc44f3d",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 2,
+                  "width": 38,
+                  "height": 470,
+                  "componentId": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "dbfdea24-7665-4eec-a5c9-136a387c7591",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 500;\">Transaction date</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "45a5e99e-c988-4a3d-99d2-3c9740c312c9",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "dbfdea24-7665-4eec-a5c9-136a387c7591",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "27129d3b-c90a-452c-a43e-12d43f1ac1ca",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "dbfdea24-7665-4eec-a5c9-136a387c7591",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "5c6350f3-3164-49ee-b7d4-8d1053f4a9f4",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 500;\">Transaction amount</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "cc26ca22-3cd8-4849-af4f-335b80fd336c",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 2,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "5c6350f3-3164-49ee-b7d4-8d1053f4a9f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "81dff9a8-9fba-49e8-8d05-e2610cdb73e2",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5c6350f3-3164-49ee-b7d4-8d1053f4a9f4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "d2f32999-32f1-4e7a-bc75-e0faf7b6407a",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 500;\">Transaction description</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "877c1925-1637-4ffa-867a-a6d4b4bfef13",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d2f32999-32f1-4e7a-bc75-e0faf7b6407a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "9a752f5b-662f-4d84-b1f4-80cde253e1e9",
+                  "type": "desktop",
+                  "top": 250,
+                  "left": 2,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "d2f32999-32f1-4e7a-bc75-e0faf7b6407a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "aad84482-3693-469a-a53c-5ee92570b754",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 500;\">Transaction type</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "2ba0a29a-5646-41b3-980b-9d40989ac694",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "aad84482-3693-469a-a53c-5ee92570b754",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "2e3dd443-c763-4f49-a66a-2e48c379f48a",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "aad84482-3693-469a-a53c-5ee92570b754",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "28525e01-fdd7-4056-8f58-c1398f2f05d5",
+              "name": "transactionType",
+              "type": "DropDown",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "Expense"
+                },
+                "values": {
+                  "value": "{{[\"Earning\", \"Expense\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Earning\", \"Expense\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "f5396721-9e40-4169-8826-2c74249f0f18",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 5,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "28525e01-fdd7-4056-8f58-c1398f2f05d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "b23f0cb2-bf4e-4806-82bd-5a71b95b0806",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "28525e01-fdd7-4056-8f58-c1398f2f05d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:29:12.222Z"
+                }
+              ]
+            },
+            {
+              "id": "0075a339-83aa-4784-812d-7c408271913f",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "87ee0318-9e44-4c03-af28-d370911eaee1",
+              "properties": {
+                "loadingState": {
+                  "value": "{{queries.getEarningsAndExpenses.isLoading}}",
+                  "fxActive": true
+                },
+                "data": {
+                  "value": "{{queries.getEarningsAndExpenses.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "e56ceca3-f928-4332-988e-b5b95719174c",
+                      "name": "type",
+                      "key": "transaction_type",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "fxActiveFields": [
+                        "textColor",
+                        "cellBackgroundColor"
+                      ],
+                      "textColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B\" : \"#EE2C4D\"}}",
+                      "cellBackgroundColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B1a\" : \"#EE2C4D1a\"}}"
+                    },
+                    {
+                      "id": "05e438af-4ced-460c-8f28-5a441f843901",
+                      "name": "date",
+                      "key": "transaction_date",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "fxActiveFields": [
+                        "textColor",
+                        "cellBackgroundColor"
+                      ],
+                      "textColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B\" : \"#EE2C4D\"}}",
+                      "cellBackgroundColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B1a\" : \"#EE2C4D1a\"}}"
+                    },
+                    {
+                      "id": "bb377e71-2377-4336-9d5c-226d7f145dcf",
+                      "name": "amount ($)",
+                      "key": "transaction_amount",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "fxActiveFields": [
+                        "textColor",
+                        "cellBackgroundColor"
+                      ],
+                      "textColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B\" : \"#EE2C4D\"}}",
+                      "cellBackgroundColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B1a\" : \"#EE2C4D1a\"}}",
+                      "transformation": "{{cellValue}}",
+                      "decimalPlaces": "{{2}}",
+                      "horizontalAlignment": "left"
+                    },
+                    {
+                      "id": "f9416b5f-a7eb-4b16-bca5-e91328d22e96",
+                      "name": "description",
+                      "key": "transaction_description",
+                      "columnType": "text",
+                      "autogenerated": true,
+                      "fxActiveFields": [
+                        "textColor",
+                        "cellBackgroundColor"
+                      ],
+                      "textColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B\" : \"#EE2C4D\"}}",
+                      "cellBackgroundColor": "{{rowData.transaction_type == \"Earning\" ? \"#36AF8B1a\" : \"#EE2C4D1a\"}}"
+                    }
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "873a6820-9e04-469a-abfb-a0237c2dd28e": 85,
+                    "e08be904-2466-48f9-be3e-39c5b89c8089": 135,
+                    "a8ba6833-09ce-4cdc-a486-12defde205a8": 82,
+                    "65be5dbf-e322-4eae-b591-052231acf2a0": 118,
+                    "361fc9a0-90c1-4bed-8f4f-dd9521946af8": 101,
+                    "61d65a22-56a9-47af-921a-2e8adef8b2b9": 121,
+                    "e56ceca3-f928-4332-988e-b5b95719174c": 90,
+                    "bb377e71-2377-4336-9d5c-226d7f145dcf": 125,
+                    "05e438af-4ced-460c-8f28-5a441f843901": 113,
+                    "f9416b5f-a7eb-4b16-bca5-e91328d22e96": 63
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "id",
+                    "created_at",
+                    "updated_at",
+                    "active"
+                  ]
+                },
+                "displaySearchBox": {
+                  "value": "{{false}}"
+                },
+                "showFilterButton": {
+                  "value": "{{false}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{true}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{false}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "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}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "fxActive": false,
+                  "value": "#ffffff00"
+                },
+                "tableType": {
+                  "value": "table-classic"
+                },
+                "cellSize": {
+                  "value": "regular"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "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-06-06T06:54:48.010Z",
+              "updatedAt": "2024-12-03T20:27:17.307Z",
+              "layouts": [
+                {
+                  "id": "a6ff7fc1-ad57-49c2-8c98-979a6d52a4d9",
+                  "type": "mobile",
+                  "top": 486,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "0075a339-83aa-4784-812d-7c408271913f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "ce19709e-2733-4e15-895a-c623d1d3e841",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 1,
+                  "width": 41,
+                  "height": 650,
+                  "componentId": "0075a339-83aa-4784-812d-7c408271913f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T20:21:08.032Z"
+                }
+              ]
+            },
+            {
+              "id": "0b97cb58-cf72-46b4-b039-70a34454df16",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "87ee0318-9e44-4c03-af28-d370911eaee1",
+              "properties": {
+                "text": {
+                  "value": "Transactions"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "f27b1be7-5d3e-4323-b921-e3309d8f32c4",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 25.999999999999996,
+                  "height": 40,
+                  "componentId": "0b97cb58-cf72-46b4-b039-70a34454df16",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "67a6f25d-7016-424b-b05f-1ea6c0995614",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0b97cb58-cf72-46b4-b039-70a34454df16",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Delete transaction"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "hideTitleBar": {
+                  "value": "{{false}}"
+                },
+                "hideCloseButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "320px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "f22127d9-2d13-4486-aa39-7de5fd0e5263",
+                  "type": "mobile",
+                  "top": 850,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "6277a2e0-ff3a-4a5b-9b11-edc84d00c4c2",
+                  "type": "desktop",
+                  "top": 880,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "c126d339-f340-449b-b404-a48afa0959e3",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+              "properties": {
+                "text": {
+                  "value": "Are you sure you want to delete the following transaction?"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "normal"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "661393b6-d0b1-43f8-8a3b-0af387bfbb59",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "c126d339-f340-449b-b404-a48afa0959e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "0e2e4193-9384-4486-a4b0-4bd2548c09ad",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "c126d339-f340-449b-b404-a48afa0959e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "5f40a879-f88c-4642-8da4-5066ebbd8cf3",
+              "name": "text20",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"margin: 10px;\"><strong>Type:</strong> ${components.table1.selectedRow.transaction_type}<br>\n<strong>Date:</strong> ${components.table1.selectedRow.transaction_date}<br>\n<strong>Amount:</strong> ${components.table1.selectedRow.transaction_amount.toLocaleString(\"en-US\", {minimumFractionDigits: 2, maximumFractionDigits: 2,})}<br>\n<strong>Description:</strong> ${components.table1.selectedRow.transaction_description}<br></div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "5"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                },
+                "lineHeight": {
+                  "value": "1.75"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "34f884d6-647d-4386-92ea-5efdcec7dfd1",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 39,
+                  "height": 160,
+                  "componentId": "5f40a879-f88c-4642-8da4-5066ebbd8cf3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "921d3ec8-10a9-48e6-94b1-5681acd197e2",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5f40a879-f88c-4642-8da4-5066ebbd8cf3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "ad904471-15a6-4766-b1fb-bc3bdd28a544",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+              "properties": {
+                "text": {
+                  "value": "Delete"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.deleteTransaction.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2ce5387e-646a-4579-b57f-dea30fef32ce",
+                  "type": "mobile",
+                  "top": 260,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "ad904471-15a6-4766-b1fb-bc3bdd28a544",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "e1394c24-6dff-469a-b6d2-26d921147991",
+                  "type": "desktop",
+                  "top": 250,
+                  "left": 34,
+                  "width": 7.000000000000001,
+                  "height": 40,
+                  "componentId": "ad904471-15a6-4766-b1fb-bc3bdd28a544",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "cffc756d-c17d-4c73-8633-47cfb08654ef",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "c8123e2b-cb6b-46fe-8dc9-2b2c52c2e2ef",
+                  "type": "desktop",
+                  "top": 250,
+                  "left": 26,
+                  "width": 7.000000000000001,
+                  "height": 40,
+                  "componentId": "cffc756d-c17d-4c73-8633-47cfb08654ef",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "d4f17c79-1188-4fe9-b2f3-a03375ba70a0",
+                  "type": "mobile",
+                  "top": 260,
+                  "left": 32,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "cffc756d-c17d-4c73-8633-47cfb08654ef",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            },
+            {
+              "id": "2be1ee9c-27ff-4884-a4c2-d3d93b69da31",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "parent": "9bead12d-0767-4d00-a10e-21bb29b225ab",
+              "properties": {
+                "text": {
+                  "value": "Add transaction"
+                },
+                "visibility": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "18"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z",
+              "layouts": [
+                {
+                  "id": "82660a5d-8cd8-4273-b88f-b7dbb53f1313",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 2,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "2be1ee9c-27ff-4884-a4c2-d3d93b69da31",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                },
+                {
+                  "id": "f096dccc-a725-4da8-867f-54b7cdea7d13",
+                  "type": "desktop",
+                  "top": 190,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "2be1ee9c-27ff-4884-a4c2-d3d93b69da31",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-09-17T09:06:46.881Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-12-03T20:19:19.421Z",
+              "autoComputeLayout": false,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "fde0a162-6a34-49ba-9a39-73040da13389",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Transaction deleted successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "6b19512a-7ee5-4240-8591-15058e71ac60",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to delete transaction! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "d1772cab-5115-4c19-bb72-3c032a0e0c52",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "b96291c9-3a14-4b4d-843b-02c63c1e7ce7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "monthlyOverview",
+                "parameters": {}
+              },
+              "sourceId": "baac83ed-f511-4ba0-9899-f7488a3ed472",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.427Z"
+            },
+            {
+              "id": "862ac5d1-52e7-4622-a74b-048503ae84e6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addTransaction",
+                "parameters": {}
+              },
+              "sourceId": "163bac51-0e5c-4efd-bb79-13518ca8e312",
+              "target": "component",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.434Z"
+            },
+            {
+              "id": "77c0913e-db14-4200-9bc6-47f75726bf9a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.491Z"
+            },
+            {
+              "id": "bc0a9832-02ee-4bc9-bd94-45dcb7846b3b",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "baac83ed-f511-4ba0-9899-f7488a3ed472",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getEarningsAndExpenses",
+                "parameters": {}
+              },
+              "sourceId": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.497Z"
+            },
+            {
+              "id": "69cb9cb1-5474-4201-9f8c-f928f4d443c6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "cffc756d-c17d-4c73-8633-47cfb08654ef",
+              "target": "component",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.462Z"
+            },
+            {
+              "id": "246629a9-1fa1-43f9-97b9-41de1255e346",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "baac83ed-f511-4ba0-9899-f7488a3ed472",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getEarningsAndExpenses",
+                "parameters": {}
+              },
+              "sourceId": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.469Z"
+            },
+            {
+              "id": "19e67d82-4b72-4c78-83d1-7727ad422fc4",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "a0724e5a-1e34-4f4c-9b24-17a479f80ae8",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.481Z"
+            },
+            {
+              "id": "0bbb41d6-402c-42c2-819c-7ed83d86512b",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "{{`Failed to add ${components.transactionForm.data.transactionType.value.toLowerCase()}! Please check and try again.`}}",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "1892c92a-5913-41cf-a08d-18a235944c04",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`${components.transactionForm.data.transactionType.value} added successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+              "target": "data_query",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "9e7a1dfd-5ed4-4bce-a7c6-fde95e18eda5",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "modal": "0faf9458-71d2-43c7-bbcb-5e02ebe1e410",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "0075a339-83aa-4784-812d-7c408271913f",
+              "target": "table_action",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.442Z"
+            },
+            {
+              "id": "48415311-af71-4a58-9013-06fc84aefe04",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteTransaction",
+                "parameters": {}
+              },
+              "sourceId": "ad904471-15a6-4766-b1fb-bc3bdd28a544",
+              "target": "component",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.449Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "54bbe132-36fc-4147-b43b-6d2aaad5c27b",
+              "name": "addTransaction",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "5a4b0a35-94a1-4ab9-b447-30b121fd7ddf",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1715685824423,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "0b89f283-7aab-44b5-8815-3fe877c1a84a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "income",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "expense",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "month",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "transaction_date",
+                    "value": "{{components.transactionForm.data.transactionDate.value}}"
+                  },
+                  "1": {
+                    "column": "transaction_type",
+                    "value": "{{components.transactionForm.data.transactionType.value}}"
+                  },
+                  "2": {
+                    "column": "transaction_amount",
+                    "value": "{{components.transactionForm.data.transactionAmount.value}}"
+                  },
+                  "3": {
+                    "column": "transaction_description",
+                    "value": "{{components.transactionForm.data.transactionDescription.value}}"
+                  },
+                  "4": {
+                    "column": "created_at",
+                    "value": "{{moment().format()}}"
+                  },
+                  "06706661-c719-4c3a-b9e6-101fd1243257": {
+                    "column": "updated_at",
+                    "value": "{{moment().format()}}"
+                  }
+                }
+              },
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:59:07.014Z"
+            },
+            {
+              "id": "712f647b-b8b9-4b57-81d4-01c9864dc1cd",
+              "name": "deleteTransaction",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "5a4b0a35-94a1-4ab9-b447-30b121fd7ddf",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717628971299,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "52054d3a-4c56-4344-9e93-b87a1d64aa72",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "transaction_amount",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "transaction_description",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "transaction_date",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "active",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    },
+                    {
+                      "name": "transaction_type",
+                      "table": "52054d3a-4c56-4344-9e93-b87a1d64aa72"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "2202e168-187b-4d17-b816-72a6f7b356d1": {
+                      "column": "active",
+                      "value": "false"
+                    }
+                  },
+                  "where_filters": {
+                    "b68c9ab2-4cd7-4262-9829-d1eea8bee0ae": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "b68c9ab2-4cd7-4262-9829-d1eea8bee0ae"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "b96291c9-3a14-4b4d-843b-02c63c1e7ce7",
+              "name": "monthlyOverview",
+              "options": {
+                "code": "const allData = queries.getEarningsAndExpenses.getData();\n\nfunction calculateCurrentMonthTotals(data) {\n  const currentMonth = moment().format(\"YYYY MM\");\n\n  let totalEarnings = 0;\n  let totalExpenses = 0;\n\n  data.forEach((entry) => {\n    if (moment(entry.date_of_transaction).format(\"YYYY MM\") === currentMonth) {\n      totalEarnings +=\n        entry.transaction_type == \"Earning\" ? entry.transaction_amount : 0;\n      totalExpenses +=\n        entry.transaction_type == \"Expense\" ? entry.transaction_amount : 0;\n    }\n  });\n\n  return {\n    earnings: totalEarnings,\n    expenses: totalExpenses,\n  };\n}\n\nconst currentMonthTotals = calculateCurrentMonthTotals(allData);\nreturn currentMonthTotals;",
+                "parameters": [],
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "1ad7ffa5-d3f1-4617-903e-b149dff840f5",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-06-06T06:54:48.010Z"
+            },
+            {
+              "id": "baac83ed-f511-4ba0-9899-f7488a3ed472",
+              "name": "getEarningsAndExpenses",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "5a4b0a35-94a1-4ab9-b447-30b121fd7ddf",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1715683883586,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "0b89f283-7aab-44b5-8815-3fe877c1a84a",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "income",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "description",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "expense",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    },
+                    {
+                      "name": "month",
+                      "table": "0b89f283-7aab-44b5-8815-3fe877c1a84a"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "9ca9e868-bae8-462b-b49c-0689f9af1cf5": {
+                      "column": "active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "9ca9e868-bae8-462b-b49c-0689f9af1cf5"
+                    }
+                  },
+                  "order_filters": {}
+                },
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "createdAt": "2024-06-06T06:54:48.010Z",
+              "updatedAt": "2024-12-03T20:29:35.627Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "2f42efc1-8362-45e7-8df7-0052c26c8447",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-06T06:54:48.017Z",
+              "updatedAt": "2024-06-06T06:54:48.017Z"
+            },
+            {
+              "id": "1ad7ffa5-d3f1-4617-903e-b149dff840f5",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-06T06:54:48.029Z",
+              "updatedAt": "2024-06-06T06:54:48.029Z"
+            },
+            {
+              "id": "327fee5f-b8fc-4884-ad8a-e54efa0c39c2",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-06T06:54:48.039Z",
+              "updatedAt": "2024-06-06T06:54:48.039Z"
+            },
+            {
+              "id": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-06T06:54:48.050Z",
+              "updatedAt": "2024-06-06T06:54:48.050Z"
+            },
+            {
+              "id": "9c4d47d1-a17d-47e6-b85a-f5aec619aaf0",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-06T06:54:48.065Z",
+              "updatedAt": "2024-06-06T06:54:48.065Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "a23629c4-4118-4443-9c6d-ddb39c2716bb",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "2c1a95ac-b1aa-4539-b580-22db0824f701",
+              "appId": "c559a720-b9dd-4ec9-b79d-df84ef001570",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-06T06:54:47.998Z",
+              "updatedAt": "2024-09-17T09:07:07.282Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "928cb9d5-e9ed-4583-97da-cb8fd390f272",
+              "dataSourceId": "2f42efc1-8362-45e7-8df7-0052c26c8447",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.025Z",
+              "updatedAt": "2024-06-06T06:54:48.025Z"
+            },
+            {
+              "id": "c7f6f6bb-2855-414b-9914-b57d9fa39621",
+              "dataSourceId": "2f42efc1-8362-45e7-8df7-0052c26c8447",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.025Z",
+              "updatedAt": "2024-06-06T06:54:48.025Z"
+            },
+            {
+              "id": "801f870b-d010-4959-b116-a90d0564064a",
+              "dataSourceId": "2f42efc1-8362-45e7-8df7-0052c26c8447",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.025Z",
+              "updatedAt": "2024-06-06T06:54:48.025Z"
+            },
+            {
+              "id": "629cbbf4-5189-4f90-a780-23d9fe890a86",
+              "dataSourceId": "1ad7ffa5-d3f1-4617-903e-b149dff840f5",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.037Z",
+              "updatedAt": "2024-06-06T06:54:48.037Z"
+            },
+            {
+              "id": "4a51d180-ff93-4b71-8e7d-cd366ca7e71f",
+              "dataSourceId": "1ad7ffa5-d3f1-4617-903e-b149dff840f5",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.037Z",
+              "updatedAt": "2024-06-06T06:54:48.037Z"
+            },
+            {
+              "id": "9bcda9cd-9798-428c-a5c0-d3eed09c2a33",
+              "dataSourceId": "1ad7ffa5-d3f1-4617-903e-b149dff840f5",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.037Z",
+              "updatedAt": "2024-06-06T06:54:48.037Z"
+            },
+            {
+              "id": "26c9135f-306a-4e7b-8dd1-facff09918ec",
+              "dataSourceId": "327fee5f-b8fc-4884-ad8a-e54efa0c39c2",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.047Z",
+              "updatedAt": "2024-06-06T06:54:48.047Z"
+            },
+            {
+              "id": "86f62da5-e544-4718-bc5d-d7314eb5b6c7",
+              "dataSourceId": "327fee5f-b8fc-4884-ad8a-e54efa0c39c2",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.047Z",
+              "updatedAt": "2024-06-06T06:54:48.047Z"
+            },
+            {
+              "id": "0d2bc79e-ea5e-41e1-86d1-9485be86c3a0",
+              "dataSourceId": "327fee5f-b8fc-4884-ad8a-e54efa0c39c2",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.047Z",
+              "updatedAt": "2024-06-06T06:54:48.047Z"
+            },
+            {
+              "id": "24d93bba-92d6-4d8b-a164-ce742225d614",
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.062Z",
+              "updatedAt": "2024-06-06T06:54:48.062Z"
+            },
+            {
+              "id": "3f9637eb-388d-4767-851e-9bfdf2da9f15",
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.062Z",
+              "updatedAt": "2024-06-06T06:54:48.062Z"
+            },
+            {
+              "id": "f6bf7f20-dbed-4c04-9f26-25df507b3454",
+              "dataSourceId": "54316edb-26e3-4470-9e44-58683fac9ac4",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.062Z",
+              "updatedAt": "2024-06-06T06:54:48.062Z"
+            },
+            {
+              "id": "394f3c38-13fa-4e06-be8d-46108a471e6c",
+              "dataSourceId": "9c4d47d1-a17d-47e6-b85a-f5aec619aaf0",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.072Z",
+              "updatedAt": "2024-06-06T06:54:48.072Z"
+            },
+            {
+              "id": "a13e4929-f4a0-4973-9136-b7f03c969d8a",
+              "dataSourceId": "9c4d47d1-a17d-47e6-b85a-f5aec619aaf0",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.072Z",
+              "updatedAt": "2024-06-06T06:54:48.072Z"
+            },
+            {
+              "id": "a0ba2e90-b9cd-4e0b-8076-de2deb14f1a8",
+              "dataSourceId": "9c4d47d1-a17d-47e6-b85a-f5aec619aaf0",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-06T06:54:48.072Z",
+              "updatedAt": "2024-06-06T06:54:48.072Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/personal-finance-tracker/manifest.json b/server/templates/personal-finance-tracker/manifest.json
new file mode 100644
index 0000000000..3912588295
--- /dev/null
+++ b/server/templates/personal-finance-tracker/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Personal finance tracker",
+  "description": "Track spending and budget in real-time with ToolJet DB, helping users stay on top of their finances effortlessly.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "personal-finance-tracker",
+  "category": "financial-services"
+}
\ No newline at end of file
diff --git a/server/templates/placeholder-image-generator/definition.json b/server/templates/placeholder-image-generator/definition.json
new file mode 100644
index 0000000000..7795b4e2b1
--- /dev/null
+++ b/server/templates/placeholder-image-generator/definition.json
@@ -0,0 +1,1640 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "4364d31f-fc0e-4462-84e6-a9eb4f06c0bd",
+          "name": "placeholder-image-generator-final",
+          "slug": "4364d31f-fc0e-4462-84e6-a9eb4f06c0bd",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "grid",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-23T01:42:33.800Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-23T01:42:34.140Z",
+          "editingVersion": {
+            "id": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+            "appId": "4364d31f-fc0e-4462-84e6-a9eb4f06c0bd",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-23T01:42:33.814Z",
+            "updatedAt": "2024-12-03T22:42:14.291Z"
+          },
+          "components": [
+            {
+              "id": "1d8c13de-c644-463a-992c-9ce70844d2b9",
+              "name": "bgColor",
+              "type": "ColorPicker",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "defaultColor": {
+                  "value": "#000000ff",
+                  "fxActive": true
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": "Background Color"
+                }
+              },
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:45:13.301Z",
+              "layouts": [
+                {
+                  "id": "fb8eb91a-bd5b-4bfc-97ae-8d90b5e9e236",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 19,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "1d8c13de-c644-463a-992c-9ce70844d2b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T03:42:42.760Z"
+                },
+                {
+                  "id": "2bf163ab-a185-4a87-b0ff-013f26a3ce49",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 26,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "1d8c13de-c644-463a-992c-9ce70844d2b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "e5380d30-3875-47f9-90e5-46ddd29a0430",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Background color"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "2a591fa7-1256-4f2f-adaa-0c0c410e238e",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 13,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e5380d30-3875-47f9-90e5-46ddd29a0430",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T03:42:56.228Z"
+                },
+                {
+                  "id": "73468048-527d-4875-b903-23e0bd58e350",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 13,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e5380d30-3875-47f9-90e5-46ddd29a0430",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "5a009bb8-79c1-47d9-acc8-c99716cf3e0e",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "Placeholder Image Generator"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "35"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#000000"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-10-23T01:42:33.819Z",
+              "updatedAt": "2024-12-03T22:42:59.764Z",
+              "layouts": [
+                {
+                  "id": "5a67f922-4313-4a27-b19a-b20f1069d079",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 41,
+                  "height": 80,
+                  "componentId": "5a009bb8-79c1-47d9-acc8-c99716cf3e0e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:41:48.036Z"
+                },
+                {
+                  "id": "b9d1e0da-f9d4-4c2e-86fb-b31d9522363c",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 30,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "5a009bb8-79c1-47d9-acc8-c99716cf3e0e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "3f4dbff1-1560-49bd-a635-cbfda2e9a9e8",
+              "name": "width",
+              "type": "NumberInput",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "label": {
+                  "value": "Width"
+                },
+                "value": {
+                  "value": "600"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "dea2b39c-705b-4cb1-b6d3-330dfb714926",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 4,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "3f4dbff1-1560-49bd-a635-cbfda2e9a9e8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:48:19.297Z"
+                },
+                {
+                  "id": "79d64883-def6-4475-973c-52931afa2354",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 16,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "3f4dbff1-1560-49bd-a635-cbfda2e9a9e8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "dcf01dad-b809-4a05-94ff-0e7c272f22f5",
+              "name": "height",
+              "type": "NumberInput",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "label": {
+                  "value": "Height"
+                },
+                "value": {
+                  "value": "400"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "c9c2ce41-f8bb-4e72-a5e9-8887f6f627be",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 4,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "dcf01dad-b809-4a05-94ff-0e7c272f22f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:48:21.480Z"
+                },
+                {
+                  "id": "2af49116-46e7-4dd2-97ae-f5cbd862f801",
+                  "type": "mobile",
+                  "top": 200,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "dcf01dad-b809-4a05-94ff-0e7c272f22f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": null,
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#fff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-12-03T22:41:57.548Z",
+              "layouts": [
+                {
+                  "id": "b807f8ef-d1ec-423e-a60a-0231ea682ea7",
+                  "type": "mobile",
+                  "top": 200,
+                  "left": 28,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "5a7ad6c8-fe5d-4876-9e02-2596c97b132d",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 760,
+                  "componentId": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:53:02.553Z"
+                }
+              ]
+            },
+            {
+              "id": "58e59872-dc51-477f-89e9-a6be7d179b12",
+              "name": "divider1",
+              "type": "Divider",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "82c2c0d2-172a-46dd-90bb-03c7279f948d",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 29,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "58e59872-dc51-477f-89e9-a6be7d179b12",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "803a336e-3b94-4aad-b6ba-0590e3807f3e",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 2,
+                  "width": 39,
+                  "height": 10,
+                  "componentId": "58e59872-dc51-477f-89e9-a6be7d179b12",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "3d12604b-c163-4ebf-9aad-d16d9a57e053",
+              "name": "format",
+              "type": "DropDown",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "label": {
+                  "value": "Image format"
+                },
+                "value": {
+                  "value": "{{\"png\"}}"
+                },
+                "values": {
+                  "value": "{{[\"png\",\"jpg\",\"gif\",\"svg\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"png\",\"jpg\",\"gif\",\"svg\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "3c6ae1be-6ccc-421b-9132-d7ebffaa18e9",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 29,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "3d12604b-c163-4ebf-9aad-d16d9a57e053",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "0f23787f-2b44-4a31-9c57-0d38d4d7d66a",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 32,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "3d12604b-c163-4ebf-9aad-d16d9a57e053",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "8e9ac867-b5f8-4d0f-93e5-33b0ea613fa8",
+              "name": "custom",
+              "type": "TextInput",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "label": {
+                  "value": "Custom text"
+                },
+                "placeholder": {
+                  "value": "Optional text"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "5c68fc6a-2788-40b1-87c9-2fd740f8cd6a",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 30,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8e9ac867-b5f8-4d0f-93e5-33b0ea613fa8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "0b50ed95-fc27-45b8-a4f3-e16296686e5e",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 29,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8e9ac867-b5f8-4d0f-93e5-33b0ea613fa8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "92d0cca8-ec53-4878-aaef-65ff82535999",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Download Image"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "40fb9f19-b614-4f07-a262-4dc41fbb401a",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "92d0cca8-ec53-4878-aaef-65ff82535999",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "d9865fb8-16cb-4cba-94b5-6a17ab177b63",
+                  "type": "desktop",
+                  "top": 680,
+                  "left": 28,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "92d0cca8-ec53-4878-aaef-65ff82535999",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:53:18.344Z"
+                }
+              ]
+            },
+            {
+              "id": "7662ff8a-3812-449f-8b00-c87d3f6d782a",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Copy Image"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "030e5d5d-8177-4871-9058-f16a42c22e66",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "7662ff8a-3812-449f-8b00-c87d3f6d782a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "3fe2092b-ac39-4fd5-8029-866556a6a9ed",
+                  "type": "desktop",
+                  "top": 680,
+                  "left": 19,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7662ff8a-3812-449f-8b00-c87d3f6d782a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:53:18.344Z"
+                }
+              ]
+            },
+            {
+              "id": "d469330f-33f8-43b1-ba2c-288f7bc41724",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Copy URL"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "96dfa69d-0303-4a8b-a964-f22ec86d064a",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "d469330f-33f8-43b1-ba2c-288f7bc41724",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "c94a6fc1-39c8-49ef-af53-da8a9a8b70ef",
+                  "type": "desktop",
+                  "top": 680,
+                  "left": 9,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d469330f-33f8-43b1-ba2c-288f7bc41724",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:53:18.344Z"
+                }
+              ]
+            },
+            {
+              "id": "25920c6e-2d4c-468f-b6e3-380a64f8805b",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Text color"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "52a7a916-fb84-4a3a-948e-5fdc9f9326e7",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 13,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "25920c6e-2d4c-468f-b6e3-380a64f8805b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "f0b5ed6b-d8fe-43aa-91d1-d86d2d47160a",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 13,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "25920c6e-2d4c-468f-b6e3-380a64f8805b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "7a8506e7-69a5-4cd7-a15e-73c04deaa246",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Size"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "18"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "e94bc5e5-db03-4347-ba9e-d73293144ff1",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7a8506e7-69a5-4cd7-a15e-73c04deaa246",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "3442515f-1604-40d7-9202-2c9282034214",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 4,
+                  "width": 3,
+                  "height": 40,
+                  "componentId": "7a8506e7-69a5-4cd7-a15e-73c04deaa246",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "7fd4481d-3a88-4e5d-8f97-1053d52bbc32",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Options"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "1e9c5eda-c13e-49f1-8487-5fbde9da74d6",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "7fd4481d-3a88-4e5d-8f97-1053d52bbc32",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "824b2811-163b-41bc-a7eb-5f02c7d217a4",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 29,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "7fd4481d-3a88-4e5d-8f97-1053d52bbc32",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "4779a9f1-4307-4651-a7e6-3b72025eca0d",
+              "name": "txtColor",
+              "type": "ColorPicker",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "defaultColor": {
+                  "fxActive": false,
+                  "value": "#9b9b9bff"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:45:17.502Z",
+              "layouts": [
+                {
+                  "id": "866cedfe-2a4d-4625-82ba-506fb9c9679c",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 19,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "4779a9f1-4307-4651-a7e6-3b72025eca0d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T03:42:48.154Z"
+                },
+                {
+                  "id": "393e65a6-0729-4424-a582-66f02eef437f",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 37,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "4779a9f1-4307-4651-a7e6-3b72025eca0d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "6a539614-13b9-43f7-a237-2500ecb2ba6c",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "text": {
+                  "value": "Color"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "layouts": [
+                {
+                  "id": "4991e0bc-279e-49de-ab0b-50ea560296e7",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 13,
+                  "width": 3,
+                  "height": 40,
+                  "componentId": "6a539614-13b9-43f7-a237-2500ecb2ba6c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "019f20c7-ee02-4984-92f2-cce5132e6497",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6a539614-13b9-43f7-a237-2500ecb2ba6c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                }
+              ]
+            },
+            {
+              "id": "17cc3790-266f-48cb-a788-3f9ece6ff6a4",
+              "name": "image",
+              "type": "Image",
+              "pageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "parent": "08d4676d-2d8c-43f5-ba5d-d570138c9348",
+              "properties": {
+                "source": {
+                  "value": "{{variables.fileUrl}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "imageFit": {
+                  "value": "scale-down"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "1"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:32:14.268Z",
+              "layouts": [
+                {
+                  "id": "04f31657-df7e-4046-b537-780ba4104fbe",
+                  "type": "mobile",
+                  "top": 340,
+                  "left": 18,
+                  "width": 3,
+                  "height": 100,
+                  "componentId": "17cc3790-266f-48cb-a788-3f9ece6ff6a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T01:42:33.819Z"
+                },
+                {
+                  "id": "4605ac66-d804-4c9f-a6cc-a158d2905d64",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 6,
+                  "width": 31,
+                  "height": 400,
+                  "componentId": "17cc3790-266f-48cb-a788-3f9ece6ff6a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:53:39.345Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:33.819Z",
+              "autoComputeLayout": true,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "e60ac5e4-1e4f-487e-a118-7f00d37f4bff",
+              "name": "onChange",
+              "index": 0,
+              "event": {
+                "eventId": "onChange",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "1d8c13de-c644-463a-992c-9ce70844d2b9",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.070Z"
+            },
+            {
+              "id": "078764b5-b191-45d7-89c0-535b93f8e99e",
+              "name": "onChange",
+              "index": 0,
+              "event": {
+                "eventId": "onChange",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "3f4dbff1-1560-49bd-a635-cbfda2e9a9e8",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.087Z"
+            },
+            {
+              "id": "4ab77b8b-9ee3-411b-b321-8d47f1a66004",
+              "name": "onChange",
+              "index": 0,
+              "event": {
+                "eventId": "onChange",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "dcf01dad-b809-4a05-94ff-0e7c272f22f5",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.097Z"
+            },
+            {
+              "id": "964f3bbd-fdac-43ad-9996-9c852f430ad7",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "3d12604b-c163-4ebf-9aad-d16d9a57e053",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.102Z"
+            },
+            {
+              "id": "b2f8ba29-d2e8-4ca7-b426-f31c5df3f115",
+              "name": "onChange",
+              "index": 0,
+              "event": {
+                "eventId": "onChange",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "8e9ac867-b5f8-4d0f-93e5-33b0ea613fa8",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.107Z"
+            },
+            {
+              "id": "3a66572f-b272-447a-83dc-95389d575b5d",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "795d5f13-3ba2-4e8d-a22f-3370148c4f4f",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "downloadImage",
+                "parameters": {}
+              },
+              "sourceId": "92d0cca8-ec53-4878-aaef-65ff82535999",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.112Z"
+            },
+            {
+              "id": "9a17cb5a-a742-429e-b980-f59b6a7ce959",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "data": "https://placehold.co/{{components.3f4dbff1-1560-49bd-a635-cbfda2e9a9e8.value}}x{{components.dcf01dad-b809-4a05-94ff-0e7c272f22f5.value}}/{{components.1d8c13de-c644-463a-992c-9ce70844d2b9.selectedColorHex.replace('#','')}}/{{components.d93700dc-08dc-43dd-bc83-63799931a917.selectedColorHex.replace('#','')}}/{{components.3d12604b-c163-4ebf-9aad-d16d9a57e053.selectedOptionLabel}}?text={{components.8e9ac867-b5f8-4d0f-93e5-33b0ea613fa8.value.replace(' ','+')}}",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "1a88d2fa-eecc-4ee1-924c-545e56e27a84",
+                "actionId": "run-query",
+                "fileType": "pdf",
+                "alertType": "info",
+                "queryName": "copyImage",
+                "parameters": {}
+              },
+              "sourceId": "7662ff8a-3812-449f-8b00-c87d3f6d782a",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.117Z"
+            },
+            {
+              "id": "ccf99b1c-eb56-4c42-a3f3-1bd6c77d3ec2",
+              "name": "onChange",
+              "index": 0,
+              "event": {
+                "eventId": "onChange",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "4779a9f1-4307-4651-a7e6-3b72025eca0d",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T01:42:34.082Z"
+            },
+            {
+              "id": "0911f435-3529-4bcd-bf51-a60c4366b933",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "a065af63-7ff5-478a-aafc-4e834ac0f40e",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {},
+                "contentToCopy": "{{variables.fileUrl}}"
+              },
+              "sourceId": "d469330f-33f8-43b1-ba2c-288f7bc41724",
+              "target": "component",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:33:47.962Z"
+            },
+            {
+              "id": "d2867e34-ac35-4eb2-8536-a9a3adf6869f",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "generateImageUrl",
+                "parameters": {}
+              },
+              "sourceId": "f31907d4-252e-446c-814c-125ddfcf2b37",
+              "target": "data_query",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T03:49:24.961Z",
+              "updatedAt": "2024-10-23T03:49:30.857Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "1a88d2fa-eecc-4ee1-924c-545e56e27a84",
+              "name": "copyImage",
+              "options": {
+                "code": "async function copyImage(url) {\n  try {\n    const response = await fetch(url);\n    if (!response.ok) {\n      throw new Error(\"Failed to fetch image\");\n    }\n    const blob = await response.blob();\n    const img = document.createElement(\"img\");\n    img.src = URL.createObjectURL(blob);\n    await new Promise((resolve) => {\n      img.onload = resolve;\n    });\n    const canvas = document.createElement(\"canvas\");\n    canvas.width = img.width;\n    canvas.height = img.height;\n    const ctx = canvas.getContext(\"2d\");\n    ctx.drawImage(img, 0, 0);\n    const pngBlob = await new Promise((resolve) =>\n      canvas.toBlob(resolve, \"image/png\")\n    );\n    const data = new ClipboardItem({ \"image/png\": pngBlob });\n    await navigator.clipboard.write([data]);\n    await actions.showAlert(\"success\", \"Image copied to clipboard\");\n  } catch (err) {\n    console.error(\"Failed to copy image: \", err);\n    await actions.showAlert(\"error\", \"Failed to copy image: \" + err.message);\n  }\n}\n\ncopyImage(variables.fileUrl);\n",
+                "parameters": []
+              },
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:40:19.649Z"
+            },
+            {
+              "id": "795d5f13-3ba2-4e8d-a22f-3370148c4f4f",
+              "name": "downloadImage",
+              "options": {
+                "code": "function downloadImageFromURL(url, filename = \"image\") {\n  const validExtensions = [\"png\", \"jpg\", \"gif\", \"svg\"];\n  const fileExtension = filename.split(\".\").pop().toLowerCase();\n  if (!validExtensions.includes(fileExtension)) {\n    console.error(\n      \"Invalid file format. Supported formats are: png, jpg, gif, svg.\"\n    );\n    throw new Error(\n      \"Invalid file format. Please use a supported image format.\"\n    );\n  }\n  fetch(url)\n    .then((response) => response.blob())\n    .then((blob) => {\n      const blobUrl = URL.createObjectURL(blob);\n      const link = document.createElement(\"a\");\n      link.href = blobUrl;\n      link.download = filename;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(blobUrl);\n    })\n    .catch((error) => {\n      console.error(\"Error downloading the image:\", error);\n    });\n}\nconst imageUrl = variables.fileUrl;\nconst imageName = `${components.custom?.value || \"image\"}.${\n  components.format.value\n}`;\ndownloadImageFromURL(imageUrl, imageName);\n",
+                "parameters": []
+              },
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:39:02.928Z"
+            },
+            {
+              "id": "d03085d7-fd30-4212-a7c9-a6424f5d4be4",
+              "name": "generateImageUrl",
+              "options": {
+                "code": "function generatePlaceholderURL() {\n  const baseUrl = \"https://placehold.co/\";\n  const width = components.width.value;\n  const height = components.height.value;\n  const sizeParam = `${width}x${height}`;\n  const bgColorParam = components.bgColor.selectedColorHex.replace(\"#\", \"\");\n  const textColorParam = components.txtColor.selectedColorHex.replace(\"#\", \"\");\n  const formatParam = components.format.value;\n  const textParam = components.custom.value.replace(\" \", \"+\");\n  let imageUrl = `${baseUrl}${sizeParam}/${bgColorParam}/${textColorParam}/${formatParam}?text=${textParam}`;\n  return imageUrl;\n}\n\nactions.setVariable(\"fileUrl\", generatePlaceholderURL());\n",
+                "parameters": [],
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T01:42:33.819Z",
+              "updatedAt": "2024-10-23T03:49:16.530Z"
+            },
+            {
+              "id": "f31907d4-252e-446c-814c-125ddfcf2b37",
+              "name": "setDefaultColors",
+              "options": {
+                "code": "components.bgColor.setColor(\"#000000\");\ncomponents.txtColor.setColor(\"#9b9b9b\");",
+                "parameters": [],
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "createdAt": "2024-10-23T03:45:43.117Z",
+              "updatedAt": "2024-10-23T03:49:09.110Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "c31533da-270d-4039-8ed0-3fc07585a866",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T01:42:33.824Z",
+              "updatedAt": "2024-10-23T01:42:33.824Z"
+            },
+            {
+              "id": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T01:42:33.832Z",
+              "updatedAt": "2024-10-23T01:42:33.832Z"
+            },
+            {
+              "id": "8566b3e0-ee3e-42b2-9ebf-916b2b59ecc1",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T01:42:33.842Z",
+              "updatedAt": "2024-10-23T01:42:33.842Z"
+            },
+            {
+              "id": "b2ac79a8-e60f-470d-a852-d2c78f338f69",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T01:42:33.850Z",
+              "updatedAt": "2024-10-23T01:42:33.850Z"
+            },
+            {
+              "id": "bec24e26-ff3e-45db-9f19-4e4b400192c2",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T01:42:33.858Z",
+              "updatedAt": "2024-10-23T01:42:33.858Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "f86e0d96-5bac-40e0-a7c1-aa54c032cd72",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "6566910b-129a-492e-b7f8-7eb83b94cb2c",
+              "appId": "4364d31f-fc0e-4462-84e6-a9eb4f06c0bd",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-23T01:42:33.814Z",
+              "updatedAt": "2024-12-03T22:42:14.291Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "d34b909f-c82f-438c-af96-85462758cf87",
+              "dataSourceId": "c31533da-270d-4039-8ed0-3fc07585a866",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.830Z",
+              "updatedAt": "2024-10-23T01:42:33.830Z"
+            },
+            {
+              "id": "2781e1b9-58b2-4fd7-88df-0377353165cd",
+              "dataSourceId": "c31533da-270d-4039-8ed0-3fc07585a866",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.830Z",
+              "updatedAt": "2024-10-23T01:42:33.830Z"
+            },
+            {
+              "id": "1991d5b0-c8ca-4f00-b474-d51c51e445e3",
+              "dataSourceId": "c31533da-270d-4039-8ed0-3fc07585a866",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.830Z",
+              "updatedAt": "2024-10-23T01:42:33.830Z"
+            },
+            {
+              "id": "293e36f4-c0dd-4f93-b949-a9ebf4d89fe2",
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.840Z",
+              "updatedAt": "2024-10-23T01:42:33.840Z"
+            },
+            {
+              "id": "e44dcb51-1bf1-40ec-960f-59644b38a56c",
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.840Z",
+              "updatedAt": "2024-10-23T01:42:33.840Z"
+            },
+            {
+              "id": "a4e23880-fbef-44d1-ad3e-b972d645f313",
+              "dataSourceId": "126fbea2-e458-4a88-b8fd-aa80db342d2a",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.840Z",
+              "updatedAt": "2024-10-23T01:42:33.840Z"
+            },
+            {
+              "id": "bf52279a-e1f8-49a9-b8e2-2dde8122c6ad",
+              "dataSourceId": "8566b3e0-ee3e-42b2-9ebf-916b2b59ecc1",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.848Z",
+              "updatedAt": "2024-10-23T01:42:33.848Z"
+            },
+            {
+              "id": "a33d1960-03f9-4c00-a7ba-281754b5b31b",
+              "dataSourceId": "8566b3e0-ee3e-42b2-9ebf-916b2b59ecc1",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.848Z",
+              "updatedAt": "2024-10-23T01:42:33.848Z"
+            },
+            {
+              "id": "82d1c780-44c4-423f-9655-5aa208ccfc4a",
+              "dataSourceId": "8566b3e0-ee3e-42b2-9ebf-916b2b59ecc1",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.848Z",
+              "updatedAt": "2024-10-23T01:42:33.848Z"
+            },
+            {
+              "id": "f8a38a16-fdd7-47d2-a8a0-f7d19fd571ab",
+              "dataSourceId": "b2ac79a8-e60f-470d-a852-d2c78f338f69",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.856Z",
+              "updatedAt": "2024-10-23T01:42:33.856Z"
+            },
+            {
+              "id": "8791745c-e93b-49ad-b1b3-5d0896c0e8f5",
+              "dataSourceId": "b2ac79a8-e60f-470d-a852-d2c78f338f69",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.856Z",
+              "updatedAt": "2024-10-23T01:42:33.856Z"
+            },
+            {
+              "id": "0e664408-1017-4e9b-9bab-f8075b94dfd0",
+              "dataSourceId": "b2ac79a8-e60f-470d-a852-d2c78f338f69",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.856Z",
+              "updatedAt": "2024-10-23T01:42:33.856Z"
+            },
+            {
+              "id": "3827b9b3-dea3-41b8-bc73-be0c1c5ad5bc",
+              "dataSourceId": "bec24e26-ff3e-45db-9f19-4e4b400192c2",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.864Z",
+              "updatedAt": "2024-10-23T01:42:33.864Z"
+            },
+            {
+              "id": "09eff2d1-b480-4bd9-ba82-537f2deeba67",
+              "dataSourceId": "bec24e26-ff3e-45db-9f19-4e4b400192c2",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.864Z",
+              "updatedAt": "2024-10-23T01:42:33.864Z"
+            },
+            {
+              "id": "e2c483f0-824e-49ca-a8af-357e0639e9cc",
+              "dataSourceId": "bec24e26-ff3e-45db-9f19-4e4b400192c2",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T01:42:33.864Z",
+              "updatedAt": "2024-10-23T01:42:33.864Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/placeholder-image-generator/manifest.json b/server/templates/placeholder-image-generator/manifest.json
new file mode 100644
index 0000000000..934e229552
--- /dev/null
+++ b/server/templates/placeholder-image-generator/manifest.json
@@ -0,0 +1,20 @@
+{
+    "name": "Placeholder image generator",
+    "description": "Create customizable placeholder images for web development, with options for size, colors, format, and text.",
+    "widgets": [
+      "Table",
+      "Container"
+    ],
+    "sources": [
+      {
+        "name": "ToolJet Database",
+        "id": "tooljetdb"
+      },
+      {
+        "name": "Run JavaScript",
+        "id": "runjs"
+      }
+    ],
+    "id": "placeholder-image-generator",
+    "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/postgresql-database-explorer/manifest.json b/server/templates/postgresql-database-explorer/manifest.json
index c75b3c64ac..a0f7c72fec 100644
--- a/server/templates/postgresql-database-explorer/manifest.json
+++ b/server/templates/postgresql-database-explorer/manifest.json
@@ -6,8 +6,8 @@
   ],
   "sources": [
     {
-      "name": "ToolJet Database",
-      "id": "tooljetdb"
+      "name": "PostgreSQL",
+      "id": "postgresql"
     },
     {
       "name": "Run JavaScript",
diff --git a/server/templates/promo-code-management-postgresql/definition.json b/server/templates/promo-code-management-postgresql/definition.json
new file mode 100644
index 0000000000..f77ce80637
--- /dev/null
+++ b/server/templates/promo-code-management-postgresql/definition.json
@@ -0,0 +1,62878 @@
+{
+  "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 + \"&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"
+          },
+          "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"
+}
\ No newline at end of file
diff --git a/server/templates/promo-code-management-postgresql/manifest.json b/server/templates/promo-code-management-postgresql/manifest.json
new file mode 100644
index 0000000000..e15a8963fc
--- /dev/null
+++ b/server/templates/promo-code-management-postgresql/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Promo code management (PostgreSQL)",
+  "description": "Efficiently manage and track promotional codes using our robust PostgreSQL powered application.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "PostgreSQL",
+      "id": "postgresql"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "promo-code-management-postgresql",
+  "category": "sales-and-marketing"
+}
\ No newline at end of file
diff --git a/server/templates/real-estate-management/definition.json b/server/templates/real-estate-management/definition.json
new file mode 100644
index 0000000000..08f7a19b61
--- /dev/null
+++ b/server/templates/real-estate-management/definition.json
@@ -0,0 +1,8731 @@
+{
+  "tooljet_database": [
+    {
+      "id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+      "table_name": "real_estate_room_entities",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"009856b4-1f57-4faa-b733-2a5dcd4a75c6_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "property_room_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "entity_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "entity_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    },
+    {
+      "id": "707502f7-10f4-4558-b5a8-68cf736be79e",
+      "table_name": "real_estate_property_rooms",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"707502f7-10f4-4558-b5a8-68cf736be79e_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "room_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "room_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "property_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    },
+    {
+      "id": "e58569d9-067a-4b99-b844-1477aceb2d29",
+      "table_name": "real_estate_properties",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"e58569d9-067a-4b99-b844-1477aceb2d29_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "property_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "address",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "property_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "c215fb1d-0dd9-41a8-9d6a-5e1e703f33a1",
+          "name": "Real estate management",
+          "slug": "c215fb1d-0dd9-41a8-9d6a-5e1e703f33a1",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "menuhome",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-12T08:36:45.032Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-12T08:36:46.913Z",
+          "editingVersion": {
+            "id": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+            "name": "v2",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+            "appId": "c215fb1d-0dd9-41a8-9d6a-5e1e703f33a1",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-12T08:36:45.052Z",
+            "updatedAt": "2024-07-07T10:26:52.054Z"
+          },
+          "components": [
+            {
+              "id": "2bb02b08-9245-4b36-9c0b-2688cda94a09",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+              "properties": {
+                "text": {
+                  "value": "+ Add new room"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "efaa7fed-3078-4dae-bd7f-0932d04d23ce",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "2bb02b08-9245-4b36-9c0b-2688cda94a09",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "2babdde3-fdee-4e4c-89cf-928ffe7111d1",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "2bb02b08-9245-4b36-9c0b-2688cda94a09",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "f0d6835c-27e0-43d0-b9fe-f6a8e58fa0f2",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e856a6c7-f13f-4528-bd6b-cc1fae59af33",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f0d6835c-27e0-43d0-b9fe-f6a8e58fa0f2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "78ed02a6-c654-402b-8651-daf0f4be4644",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "f0d6835c-27e0-43d0-b9fe-f6a8e58fa0f2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "8a25dc8a-eca9-4869-85bf-71585a12b411",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "fxActive": false,
+                  "value": "{{queries.updateProperty.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e1d7681a-a4fc-4443-be7f-22dec070b094",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "8a25dc8a-eca9-4869-85bf-71585a12b411",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "4f0001ec-52a2-4b03-8ecd-adb4634b3171",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "8a25dc8a-eca9-4869-85bf-71585a12b411",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "4e241385-6744-4cfa-b214-35fcd678a4cb",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "e0daf0db-9e2f-4ef0-9183-598e8c3f898e",
+                  "type": "desktop",
+                  "top": 350,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "4e241385-6744-4cfa-b214-35fcd678a4cb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "667c34ca-1169-4995-b58c-fcb271bc25bc",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "4e241385-6744-4cfa-b214-35fcd678a4cb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "0cc489a4-0518-4260-a6cf-a3d77ecec1f8",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "85f4a56d-0a64-422a-90df-321dbe90b1d3",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "0cc489a4-0518-4260-a6cf-a3d77ecec1f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "7903ee4b-28be-41e7-b677-83219c0624e7",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0cc489a4-0518-4260-a6cf-a3d77ecec1f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "e3672c9f-a522-427b-b1b3-280cb478c864",
+              "name": "textarea4",
+              "type": "TextArea",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.description}}"
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "2773f1cc-8fd7-47e1-8530-40a2415db277",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "e3672c9f-a522-427b-b1b3-280cb478c864",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "db590bae-02aa-4724-af8b-92f660196cb8",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "e3672c9f-a522-427b-b1b3-280cb478c864",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "46173ac4-3abe-47f8-9292-078c843fce17",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Property type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "8459dce8-b068-415e-861d-c76f51523c1b",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "46173ac4-3abe-47f8-9292-078c843fce17",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "af06ce35-929c-44b4-a69a-d5ed57f0a8f4",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "46173ac4-3abe-47f8-9292-078c843fce17",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "e154b5a2-c72c-445b-9e2d-0eaf4dca6e2f",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter property name"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.property_name}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "61fb2604-d2e5-4c38-a1b5-c032c3592d3c",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "e154b5a2-c72c-445b-9e2d-0eaf4dca6e2f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "38d6b066-ab86-4a54-8977-57929cd98290",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "e154b5a2-c72c-445b-9e2d-0eaf4dca6e2f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "bc8a1e57-1c9b-4de0-9228-7ac6f2998049",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "text": {
+                  "value": "Property name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "7cad424d-3d38-4924-9cc9-6b443034f069",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "bc8a1e57-1c9b-4de0-9228-7ac6f2998049",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "e4c8fe5c-9485-4a7c-93ff-1b0274b5d322",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "bc8a1e57-1c9b-4de0-9228-7ac6f2998049",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Delete confirmation"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "200px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "4a71bf33-cd9d-453d-9b4c-ec66224a5af0",
+                  "type": "desktop",
+                  "top": 780,
+                  "left": 15,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "01a05dc5-9db0-4c5d-939c-86e547543fa7",
+                  "type": "mobile",
+                  "top": 840,
+                  "left": 8,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "dcb30eb0-e4db-48b4-b654-e1f19cbfdd68",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+              "properties": {
+                "text": {
+                  "value": "{{`Are you sure you want to delete the property <strong>${components.table1.selectedRow.property_name}</strong>?`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "6bff38fc-2418-477c-990c-dfdf27dddb21",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "dcb30eb0-e4db-48b4-b654-e1f19cbfdd68",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "0602c17c-bbca-4ec7-b219-a3dde00dfa54",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 37,
+                  "height": 90,
+                  "componentId": "dcb30eb0-e4db-48b4-b654-e1f19cbfdd68",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "8f519e8a-35ab-4c87-b349-52152895e00d",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "86f54d8e-97b8-48fb-aff9-422b92de257c",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "8f519e8a-35ab-4c87-b349-52152895e00d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "60c7370e-9725-4574-a4cb-a8d62fdfc662",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "8f519e8a-35ab-4c87-b349-52152895e00d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "68c48ce8-8636-414a-b054-465ad57d809d",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+              "properties": {
+                "text": {
+                  "value": "Confirm"
+                },
+                "loadingState": {
+                  "value": "{{queries.deleteProperty.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "60611aea-377a-4512-875e-6cb8db9a61a9",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "68c48ce8-8636-414a-b054-465ad57d809d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "a65c6ddf-45f7-4bb1-ac0a-f11e2c35eff7",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 22,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "68c48ce8-8636-414a-b054-465ad57d809d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "e4327236-6686-4bf3-b467-327d268fc132",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "56847678-ba43-4320-a32d-4fb4679172d2",
+              "properties": {
+                "text": {
+                  "value": "Entities in the room"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "a6e8e4a8-8608-4704-ac56-5cf4da8c4e11",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "e4327236-6686-4bf3-b467-327d268fc132",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "de6ad9d7-e607-44da-90a1-bb396ade0711",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "e4327236-6686-4bf3-b467-327d268fc132",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "cac8d34e-6052-4e66-8ad0-a64f46b0e7dc",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "7f9077d4-0fa3-4285-9871-93a73a25ff9d",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "cac8d34e-6052-4e66-8ad0-a64f46b0e7dc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "4faba784-421a-4859-9e07-e1e109bd0875",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "cac8d34e-6052-4e66-8ad0-a64f46b0e7dc",
+              "properties": {
+                "text": {
+                  "value": "Real estate management"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "673e6f40-432c-4936-9ab0-b1364ffc6ab2",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 17.999999999999996,
+                  "height": 40,
+                  "componentId": "4faba784-421a-4859-9e07-e1e109bd0875",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "c0277f14-4837-434c-a95d-064d388db221",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Add new room"
+                },
+                "modalHeight": {
+                  "value": "430px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "28f4beae-54c1-4e24-8885-7d80efa0b443",
+                  "type": "mobile",
+                  "top": 770,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "c0277f14-4837-434c-a95d-064d388db221",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "e31fd8d0-5dd8-45dc-95a1-5e92af163130",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 1,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "c0277f14-4837-434c-a95d-064d388db221",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "List new property"
+                },
+                "modalHeight": {
+                  "value": "580px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "36ca184c-8b04-4293-8908-01b02b1d2e88",
+                  "type": "mobile",
+                  "top": 770,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "e1d037b2-2a97-4b33-805f-54182d7453e1",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 1,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "33c02f25-93a2-4ece-b16e-a102f73d649f",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select entity type"
+                },
+                "value": {
+                  "value": "{{}}"
+                },
+                "values": {
+                  "value": "{{[\"Appliance\",\"Bed\",\"Electronics\",\"Furniture\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Appliance\",\"Bed\",\"Electronics\",\"Furniture\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "bfae46d9-17d0-468a-b973-297689e310d6",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "33c02f25-93a2-4ece-b16e-a102f73d649f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "e254693b-c80a-4acf-99e0-a0e55b628ab4",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "33c02f25-93a2-4ece-b16e-a102f73d649f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "d0843b2e-b72f-4006-879e-fd120c3f6aa7",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 640,
+                  "componentId": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "ba7b0efb-0e0a-402d-826e-eceb534624dc",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "name": "modal1",
+              "type": "Modal",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Add new entity"
+                },
+                "modalHeight": {
+                  "value": "430px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "c27d127f-8a7c-4263-940a-1367fba213ce",
+                  "type": "mobile",
+                  "top": 770,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "1272c5a6-d10a-424f-8cb3-16486360243b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "0528272b-6f54-4e17-af0a-40ecd168abd1",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 1,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "1272c5a6-d10a-424f-8cb3-16486360243b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "747782f8-9298-4645-bb73-e9833c6a6212",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 640,
+                  "componentId": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "f58197c5-1ff6-4a1d-8d42-449c61e96ad6",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "9454f632-449a-4c37-aede-9f675ea5b259",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+              "properties": {
+                "text": {
+                  "value": "Rooms in the property"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "801d4fe2-9376-4b31-9f38-ac972029a33f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "9454f632-449a-4c37-aede-9f675ea5b259",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "0e11cfae-534d-4855-91cc-1550b7a353cc",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "9454f632-449a-4c37-aede-9f675ea5b259",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "56847678-ba43-4320-a32d-4fb4679172d2",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "a29712d9-1f47-46d6-835b-038e72ef71ee",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 640,
+                  "componentId": "56847678-ba43-4320-a32d-4fb4679172d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "c15ac474-3a82-4f58-a2c3-01e22e9fdada",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "56847678-ba43-4320-a32d-4fb4679172d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "d4ab5ce1-7c19-473f-9b87-cd56e81d8c7d",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+              "properties": {
+                "text": {
+                  "value": "+ List new property"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "373fc0d3-3347-43da-aef3-b7471b734da7",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "d4ab5ce1-7c19-473f-9b87-cd56e81d8c7d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "297f0265-4080-46e5-bec9-5b0f9fcf509d",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "d4ab5ce1-7c19-473f-9b87-cd56e81d8c7d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "40a5e3e0-b937-40a5-9b8a-ec0f8c3539d2",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "text": {
+                  "value": "Entity type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "8140f884-ec28-4370-a700-4865bc4114e6",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "40a5e3e0-b937-40a5-9b8a-ec0f8c3539d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "8f2ae92b-48ea-4cfe-92ce-e9e8ac62bb1e",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "40a5e3e0-b937-40a5-9b8a-ec0f8c3539d2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "2d58304f-a0ef-4180-b74a-9d1907d3553a",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter room name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "e89c97da-1503-49cd-ad50-fdee8dc2fad0",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "2d58304f-a0ef-4180-b74a-9d1907d3553a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "fe71b46b-e00e-423f-a4a9-c3d0e97b712d",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "2d58304f-a0ef-4180-b74a-9d1907d3553a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "aca3b47c-32cc-42e4-bc32-730a2c0ba55a",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+              "properties": {
+                "text": {
+                  "value": "Listed properties"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "848ed4a1-0ec3-4962-bbad-0d4a22fe82dc",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "aca3b47c-32cc-42e4-bc32-730a2c0ba55a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "516c93fa-867e-4fbb-ba1d-681da46afc97",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "aca3b47c-32cc-42e4-bc32-730a2c0ba55a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "dbd3c414-220b-4585-9dfe-78bb97b012da",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "text": {
+                  "value": "Room name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "3744472e-438b-433b-8317-3c7f6abc87e1",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "dbd3c414-220b-4585-9dfe-78bb97b012da",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "83bc4620-1bc2-4ef0-9105-bc25ab2f2b67",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "dbd3c414-220b-4585-9dfe-78bb97b012da",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "ed43f021-a794-4819-9cd7-3c11f44396f7",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "56847678-ba43-4320-a32d-4fb4679172d2",
+              "properties": {
+                "text": {
+                  "value": "+ Add new entity"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5fcf54a1-142a-4dee-b0dd-37fb5a82e01e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "ed43f021-a794-4819-9cd7-3c11f44396f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "14b6a111-f35f-4f6c-ba33-66dd2fdc1538",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "ed43f021-a794-4819-9cd7-3c11f44396f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "e33f91d0-5a7a-4121-88a4-b7b11c1e5be6",
+              "properties": {
+                "data": {
+                  "value": "{{queries.1d4f79d9-176d-4fdf-ae81-d4dfad2eb540.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "cb0de5bc-acf6-4dd4-9797-59e8daced4c1",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "27a97d18-b7a3-4dcf-9b2c-2da1d192cde5",
+                      "name": "property name",
+                      "key": "property_name",
+                      "columnType": "string"
+                    },
+                    {
+                      "id": "32c880da-5092-45f5-b878-ee9e5b3e94f9",
+                      "name": "property type",
+                      "key": "property_type"
+                    },
+                    {
+                      "id": "c72889e4-578f-416f-99cf-2c7dc233fbe4",
+                      "name": "address",
+                      "key": "address"
+                    },
+                    {
+                      "id": "f505bd32-1a71-4fc7-bf45-9cccf8b176ff",
+                      "name": "description",
+                      "key": "description",
+                      "columnType": "string"
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "c72889e4-578f-416f-99cf-2c7dc233fbe4": 178,
+                    "f505bd32-1a71-4fc7-bf45-9cccf8b176ff": 155,
+                    "cb0de5bc-acf6-4dd4-9797-59e8daced4c1": 47,
+                    "27a97d18-b7a3-4dcf-9b2c-2da1d192cde5": 175,
+                    "32c880da-5092-45f5-b878-ee9e5b3e94f9": 168
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    },
+                    {
+                      "name": "Action3",
+                      "buttonText": "Manage",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "active"
+                  ]
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getProperties.isLoading}}"
+                },
+                "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": "5"
+                },
+                "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-06-12T08:36:45.059Z",
+              "updatedAt": "2024-12-03T01:15:26.602Z",
+              "layouts": [
+                {
+                  "id": "2fede2a2-6759-40e8-8df1-df1e8c0870d8",
+                  "type": "mobile",
+                  "top": 566,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "c07df322-3beb-4c13-87c6-fc26fd8ad681",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 530,
+                  "componentId": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "1c5a210b-cdb6-4a2b-8f03-1f4b921e4421",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "text": {
+                  "value": "Room type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "7841d7d0-32c3-4e44-9d25-9f12b039eba5",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1c5a210b-cdb6-4a2b-8f03-1f4b921e4421",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "dd520636-f0ff-4331-9da8-6f08e72f9bac",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "1c5a210b-cdb6-4a2b-8f03-1f4b921e4421",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "f5b3776b-3469-4d02-90cc-c389fe307f8e",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "text": {
+                  "value": "Entity name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "ced63bb6-f847-4b58-b0cf-76892b453f07",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f5b3776b-3469-4d02-90cc-c389fe307f8e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "3be0bd01-b185-452f-a352-487e82bf720e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "f5b3776b-3469-4d02-90cc-c389fe307f8e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "5bc91aad-85a1-49aa-ae3b-31361a0be648",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter property name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "9192b56e-4761-48a4-b2c2-32accd9faeea",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "5bc91aad-85a1-49aa-ae3b-31361a0be648",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "072d1361-7dd6-442b-9cf6-eb680dca58c5",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "5bc91aad-85a1-49aa-ae3b-31361a0be648",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "d51debfb-f628-467c-b218-c597120d6176",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select room type"
+                },
+                "value": {
+                  "value": "{{}}"
+                },
+                "values": {
+                  "value": "{{[\"Bedroom\", \"Common\",\"Fitness\",\"Kitchen\", \"Meeting\",\"Office\",\"Residential\",\"Study\",\"Utility\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Bedroom\", \"Common\",\"Fitness\",\"Kitchen\", \"Meeting\",\"Office\",\"Residential\",\"Study\",\"Utility\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "02762324-93e8-44c2-884a-9d475df7c241",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "d51debfb-f628-467c-b218-c597120d6176",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "f1aa1f9d-e38e-4bca-854e-160a507b03f3",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "d51debfb-f628-467c-b218-c597120d6176",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Delete confirmation"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "200px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "bd8ba2f2-2345-4c14-9f96-600574b14092",
+                  "type": "mobile",
+                  "top": 840,
+                  "left": 8,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "a1b6cc45-de0d-4dbc-9142-b6ab8f677857",
+                  "type": "desktop",
+                  "top": 780,
+                  "left": 15,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "cec34536-373d-4357-b097-bf2316efbacd",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Property name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "44ce3179-d0e4-425a-8d38-2383ec3aaf95",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "cec34536-373d-4357-b097-bf2316efbacd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "91aa59f5-6862-45af-8a70-7e873e02fb1f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "cec34536-373d-4357-b097-bf2316efbacd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "c65fcc89-ec59-4db9-ae4a-cccc09e3a583",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "fd171a01-ca1f-4c44-b88f-ba66d2a76228",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "c65fcc89-ec59-4db9-ae4a-cccc09e3a583",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "557ab2b1-e2eb-40cd-b2c5-8ce828ea565e",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "7035b44f-9b05-4c74-8759-4fbeebbc72f1",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "557ab2b1-e2eb-40cd-b2c5-8ce828ea565e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "ae85f5ee-0b75-4bd0-b7b2-a5d38eaa5f0d",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "557ab2b1-e2eb-40cd-b2c5-8ce828ea565e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "5adfba03-f1f2-4734-8c40-e4c54711eb9a",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Property type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "2d961376-f8e5-43bf-b841-2e61b20549be",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "5adfba03-f1f2-4734-8c40-e4c54711eb9a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "ee320319-34c5-4d18-8ce3-9b23deb36cbf",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "5adfba03-f1f2-4734-8c40-e4c54711eb9a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "dde1aa27-7518-4616-8873-e5743d998f6f",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter entity name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "7f878f88-08b3-410c-80de-a0500227b05f",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "dde1aa27-7518-4616-8873-e5743d998f6f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "1bfe30bf-e3e1-4d4f-8618-c2ebb7fbd32e",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "dde1aa27-7518-4616-8873-e5743d998f6f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "d7bc85c4-b9c7-4474-a08d-dcf897278ada",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "25e9aa73-af85-4a93-a135-22ac3c5dca50",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "d7bc85c4-b9c7-4474-a08d-dcf897278ada",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "21088e0e-52cf-43d7-82aa-1ecc3b797918",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d7bc85c4-b9c7-4474-a08d-dcf897278ada",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "439a44e6-c6b4-47c3-9e8f-fd6ae635745f",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "a1b03eb3-fc19-40b8-9130-4e138b9ae568",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "439a44e6-c6b4-47c3-9e8f-fd6ae635745f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "f9bc6d47-4515-41da-8812-53de68ecdcef",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "439a44e6-c6b4-47c3-9e8f-fd6ae635745f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "6876c31e-175d-451a-ab6f-f5ac19377536",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "4fe2bf41-722d-4251-a9d9-c39f743c6991",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "6876c31e-175d-451a-ab6f-f5ac19377536",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "dbcb15b0-4b69-474a-8b99-f150eeb33a26",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "6876c31e-175d-451a-ab6f-f5ac19377536",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "376d5e0a-cf52-4f0a-8972-cb29b71f6335",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b7daa102-85cb-4c7e-b488-673997d74a23",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "376d5e0a-cf52-4f0a-8972-cb29b71f6335",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "c2d7010b-6176-438d-b2d4-71c35d22b504",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "376d5e0a-cf52-4f0a-8972-cb29b71f6335",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "5e60add2-e06f-4e16-8163-ef04ad4c5e73",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.updatePropertyRoom.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "bc0ec1c5-582a-4635-a2f0-adaea76d76c9",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "5e60add2-e06f-4e16-8163-ef04ad4c5e73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "c3cfe5eb-0754-45c7-be69-6d4374a9df6e",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "5e60add2-e06f-4e16-8163-ef04ad4c5e73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "067743e9-291d-4751-a51b-f5ced3a7a154",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "282ce3e0-d926-4130-a233-15699845ca8b",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "067743e9-291d-4751-a51b-f5ced3a7a154",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "e05d61d1-5848-44cc-9fc0-50d05e9f43ec",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "067743e9-291d-4751-a51b-f5ced3a7a154",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "71c8c943-3d38-4b0f-bb1c-08a38193e0bd",
+              "name": "textarea4",
+              "type": "TextArea",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.description}}"
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "e53e8914-c79f-4291-906b-92219d941a26",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "71c8c943-3d38-4b0f-bb1c-08a38193e0bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "dbd42375-768b-40ae-8799-7b5d925e98fd",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "71c8c943-3d38-4b0f-bb1c-08a38193e0bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "465b16dd-de92-4c73-a0ef-8692285ce603",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "text": {
+                  "value": "Room type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "ff610107-1f96-47f6-befb-70426de1d4c3",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "465b16dd-de92-4c73-a0ef-8692285ce603",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "bed121ab-f75c-4ee2-8389-a6564f320508",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "465b16dd-de92-4c73-a0ef-8692285ce603",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "b1df855e-05aa-478d-9d6d-8d363ece52ab",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter room name"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.room_name}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "297feb2c-93f1-4f92-b81e-3502e8da5b09",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b1df855e-05aa-478d-9d6d-8d363ece52ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "ab2571ac-2b19-4bea-978d-7f744d1b33e9",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "b1df855e-05aa-478d-9d6d-8d363ece52ab",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "8f5107c1-9705-4a5a-a6c6-546ca75399d1",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "text": {
+                  "value": "Room name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "52289c00-e2bd-4015-b6e0-301c07122645",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8f5107c1-9705-4a5a-a6c6-546ca75399d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "02c5fdb9-aa9b-4bbd-996d-dd473d9a2315",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "8f5107c1-9705-4a5a-a6c6-546ca75399d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit room details"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "430px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "cd5ea9ba-a3c7-4b4a-bc11-da15c6e29c6e",
+                  "type": "mobile",
+                  "top": 804,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "260370ac-53a7-4155-a7b7-af8c12f16789",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "404e578a-a952-4e5e-8cb6-81e73dc31651",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 8,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "260370ac-53a7-4155-a7b7-af8c12f16789",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "461c3059-b029-402a-98c1-6bcaf38177e0",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "260370ac-53a7-4155-a7b7-af8c12f16789",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.room_type}}"
+                },
+                "values": {
+                  "value": "{{[\"Bedroom\", \"Common\",\"Fitness\",\"Kitchen\", \"Meeting\",\"Office\",\"Residential\",\"Study\",\"Utility\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Bedroom\", \"Common\",\"Fitness\",\"Kitchen\", \"Meeting\",\"Office\",\"Residential\",\"Study\",\"Utility\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select room type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "eb403a6f-3223-4112-8df5-4cc5dc0a3a4d",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "461c3059-b029-402a-98c1-6bcaf38177e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "aa030dc5-c158-49d4-845c-f1d00f7eb92e",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "461c3059-b029-402a-98c1-6bcaf38177e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "b3c3c26f-ffe9-45bb-aaa8-af30f883eed0",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c0277f14-4837-434c-a95d-064d388db221",
+              "properties": {
+                "text": {
+                  "value": "Add"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addPropertyRoom.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "079199af-a9d3-44d3-9d63-5a6ce8725df4",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "b3c3c26f-ffe9-45bb-aaa8-af30f883eed0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "68b472c7-c8b9-46a5-a49f-cebd74d1d2f5",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "b3c3c26f-ffe9-45bb-aaa8-af30f883eed0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "455a3f09-6449-4446-bbce-7321227a9863",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "85b8b041-3b80-4a50-bf7f-d3699ec9d01e",
+              "properties": {
+                "data": {
+                  "value": "{{queries.getPropertyRooms.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "cb0de5bc-acf6-4dd4-9797-59e8daced4c1",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "4f7bab55-edd4-4c41-ac61-e6f16a55fc6e",
+                      "name": "room name",
+                      "key": "room_name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "8eb4251b-6d20-425c-ac2c-4c14a76014c6",
+                      "name": "room type",
+                      "key": "room_type",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "f505bd32-1a71-4fc7-bf45-9cccf8b176ff",
+                      "name": "description",
+                      "key": "description",
+                      "columnType": "string"
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "c72889e4-578f-416f-99cf-2c7dc233fbe4": 178,
+                    "f505bd32-1a71-4fc7-bf45-9cccf8b176ff": 155,
+                    "cb0de5bc-acf6-4dd4-9797-59e8daced4c1": 47,
+                    "27a97d18-b7a3-4dcf-9b2c-2da1d192cde5": 175,
+                    "32c880da-5092-45f5-b878-ee9e5b3e94f9": 168,
+                    "4f7bab55-edd4-4c41-ac61-e6f16a55fc6e": 151
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    },
+                    {
+                      "name": "Action3",
+                      "buttonText": "Manage",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "active",
+                    "property_name",
+                    "property_type",
+                    "address",
+                    "property_id"
+                  ]
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getPropertyRooms.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "ec754a1f-9511-4c9c-a1da-00ce2bc577c2",
+                  "type": "mobile",
+                  "top": 566,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "455a3f09-6449-4446-bbce-7321227a9863",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "f45c8efc-734b-41ef-9cea-92b3ce632ef2",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 530,
+                  "componentId": "455a3f09-6449-4446-bbce-7321227a9863",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "3ee72062-afd6-4f4f-b3d9-24091c7a5046",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "2f59220d-b876-486c-b571-1b587dd7693d",
+              "properties": {
+                "text": {
+                  "value": "{{`Are you sure you want to delete room <strong>${components.table1.selectedRow.room_name}</strong>?`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "cb665d60-4384-4c53-a591-102184d202ec",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "3ee72062-afd6-4f4f-b3d9-24091c7a5046",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "8cd0fa95-3997-45f9-83f3-c1b5791a22c1",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 37,
+                  "height": 90,
+                  "componentId": "3ee72062-afd6-4f4f-b3d9-24091c7a5046",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "1e2d2ac7-1c5a-4b05-b8c3-087c3950bf7e",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "2f59220d-b876-486c-b571-1b587dd7693d",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "6a8a5129-9323-42be-9775-ca51052d6f64",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "1e2d2ac7-1c5a-4b05-b8c3-087c3950bf7e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "aec1ca17-7f28-4550-8c7c-bb8401982d57",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "1e2d2ac7-1c5a-4b05-b8c3-087c3950bf7e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "16f41daf-37b4-4a9e-8564-4c1fec852504",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "2f59220d-b876-486c-b571-1b587dd7693d",
+              "properties": {
+                "text": {
+                  "value": "Confirm"
+                },
+                "loadingState": {
+                  "value": "{{queries.deletePropertyRoom.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e6bfd33f-4c04-4bef-bf1f-69feeb1fff15",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "16f41daf-37b4-4a9e-8564-4c1fec852504",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "c802aea3-22dd-4df1-ac98-7c3e2b3a032e",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 22,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "16f41daf-37b4-4a9e-8564-4c1fec852504",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "2f59220d-b876-486c-b571-1b587dd7693d",
+              "name": "modal3",
+              "type": "Modal",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": null,
+              "properties": {
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Delete confirmation"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "modalHeight": {
+                  "value": "200px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "71fca78c-824e-4d74-b4d9-dd05fc4fc7ba",
+                  "type": "mobile",
+                  "top": 840,
+                  "left": 8,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "2f59220d-b876-486c-b571-1b587dd7693d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "691b0081-df69-48e9-beaf-81820cc546b4",
+                  "type": "desktop",
+                  "top": 780,
+                  "left": 15,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "2f59220d-b876-486c-b571-1b587dd7693d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "11310881-1763-4748-a836-417b7b415866",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c30d62bc-3ce3-484e-9af8-48fe72587bd1",
+              "properties": {
+                "icon": {
+                  "value": "IconChevronLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "a5b92631-4b97-4b07-8251-4dca8b1a340e",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "11310881-1763-4748-a836-417b7b415866",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "a2bb02b6-f450-4700-9a46-42a824061067",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "11310881-1763-4748-a836-417b7b415866",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "c30d62bc-3ce3-484e-9af8-48fe72587bd1",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "c7e2c82c-8374-49c7-bf0f-1751b5799889",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "c30d62bc-3ce3-484e-9af8-48fe72587bd1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "8b9931ff-7f00-47ef-a700-193da131d8b0",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c30d62bc-3ce3-484e-9af8-48fe72587bd1",
+              "properties": {
+                "text": {
+                  "value": "Real estate management"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "f62c1e6c-ff02-4f3c-b40e-73e23ece5819",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 27,
+                  "width": 14.999999999999998,
+                  "height": 40,
+                  "componentId": "8b9931ff-7f00-47ef-a700-193da131d8b0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "a7035c87-d53a-4ba1-91ba-6ce4942e71bc",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "parent": "c30d62bc-3ce3-484e-9af8-48fe72587bd1",
+              "properties": {
+                "text": {
+                  "value": "{{`Property #${globals.urlparams.property_id}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "lighter"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "d3272aa3-7b58-4d43-afb9-6e462aa05bde",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "a7035c87-d53a-4ba1-91ba-6ce4942e71bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "9916916a-3e1b-4779-a2e2-d8bc0d301305",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 4,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "a7035c87-d53a-4ba1-91ba-6ce4942e71bc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "f8d6b3fe-45ea-4853-8629-f7fce92da01e",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "text": {
+                  "value": "Entity name"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "ef419a18-e625-40a7-8646-4675e28e8b2d",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f8d6b3fe-45ea-4853-8629-f7fce92da01e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "f0743521-0dcf-44d8-ab6c-981b43117dae",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "f8d6b3fe-45ea-4853-8629-f7fce92da01e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "f3470929-571a-4c3d-a22f-c98f79c80467",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "e0162168-16ba-4a0d-bb86-b449ba7225a3",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "f3470929-571a-4c3d-a22f-c98f79c80467",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "657063fd-7f0f-43b3-94aa-01a3ae25e105",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f3470929-571a-4c3d-a22f-c98f79c80467",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "8b612974-d914-4be2-98d9-dca67c87f289",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "63fb1bf8-0cd4-410b-9324-8da76f9e4cef",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "8b612974-d914-4be2-98d9-dca67c87f289",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "55e1d0fe-4d52-4ff5-9859-2b92d8ca738a",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "8b612974-d914-4be2-98d9-dca67c87f289",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "7422726e-d2ce-437a-a471-ef2fbde01d66",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "875da603-fead-4858-a473-c8050c9a89a1",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "7422726e-d2ce-437a-a471-ef2fbde01d66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "e5e1222b-cc07-4f67-977a-606015f11003",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "7422726e-d2ce-437a-a471-ef2fbde01d66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "030a4203-9420-4e6b-b93c-c9b44a99eb2a",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "5dc02c28-2b85-41aa-a043-a532ef913ee4",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "030a4203-9420-4e6b-b93c-c9b44a99eb2a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "b8e4442b-953d-4646-b8d0-dbca43d04170",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "030a4203-9420-4e6b-b93c-c9b44a99eb2a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "75d2cab1-c8c1-473b-8e94-6c8546165a28",
+              "name": "button5",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "text": {
+                  "value": "Save"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.updateRoomEntity.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "bde4fddf-1553-446e-805c-446b574a5311",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "75d2cab1-c8c1-473b-8e94-6c8546165a28",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "5605770f-7656-4594-abad-b896e4c884e8",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "75d2cab1-c8c1-473b-8e94-6c8546165a28",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "3db45ee5-a3a8-4020-b816-b00ce5fa56c7",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "b09cdcb8-01aa-493b-bf22-89fae662e121",
+                  "type": "desktop",
+                  "top": 200,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "3db45ee5-a3a8-4020-b816-b00ce5fa56c7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "0018deff-4fbf-4d10-8c29-94f89cb6dee5",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "3db45ee5-a3a8-4020-b816-b00ce5fa56c7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "bba410d5-8d91-4208-9d1f-423637f4791e",
+              "name": "textarea4",
+              "type": "TextArea",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.description}}"
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "cdc87b02-075a-432f-aaba-9a2830eb674f",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "bba410d5-8d91-4208-9d1f-423637f4791e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "45386a2e-c742-4e49-a3bf-478be2171194",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "bba410d5-8d91-4208-9d1f-423637f4791e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "22d078ef-69b3-4597-9160-e9eea728df81",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "text": {
+                  "value": "Entity type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "8eda4c41-25fd-4651-ad89-402e3f5bdac4",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "22d078ef-69b3-4597-9160-e9eea728df81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "3625945a-f518-43ce-9f8e-2b42859998a3",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "22d078ef-69b3-4597-9160-e9eea728df81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "e66dc149-d856-4fe9-8754-cf4366c565f1",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter entity name"
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.entity_name}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "2ed0e688-1837-4940-af80-c74dce2983f3",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 6,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "e66dc149-d856-4fe9-8754-cf4366c565f1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "31c4535b-9432-4480-bfcb-1db3788a4545",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "e66dc149-d856-4fe9-8754-cf4366c565f1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "2407dd05-2ef6-4373-ac1e-d335103f567d",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.entity_type}}"
+                },
+                "values": {
+                  "value": "{{[\"Appliance\",\"Bed\",\"Electronics\",\"Furniture\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Appliance\",\"Bed\",\"Electronics\",\"Furniture\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select entity type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "b6487277-d82b-4405-9435-81a807094699",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "2407dd05-2ef6-4373-ac1e-d335103f567d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "641c458e-093e-4b6f-9ec3-6c4a1a77833d",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "2407dd05-2ef6-4373-ac1e-d335103f567d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "fbca8c90-c8f6-42df-b35e-bac85f282836",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "1272c5a6-d10a-424f-8cb3-16486360243b",
+              "properties": {
+                "text": {
+                  "value": "Add"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addRoomEntity.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2beddf49-8d99-4233-9b70-167490cd1eea",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "fbca8c90-c8f6-42df-b35e-bac85f282836",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "c9f62d14-c283-4a1b-8fb4-f2852ccac1a8",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "fbca8c90-c8f6-42df-b35e-bac85f282836",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "77a2eb86-9dca-4048-a414-9adb3a5a354d",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+              "properties": {
+                "text": {
+                  "value": "{{`Are you sure you want to delete entity <strong>${components.table1.selectedRow.entity_name}</strong>?`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "5db58669-f015-4cc6-8b27-6f3825ee88af",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "77a2eb86-9dca-4048-a414-9adb3a5a354d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "661f8814-f2df-4034-89c8-37a60fa414a9",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 3,
+                  "width": 37,
+                  "height": 90,
+                  "componentId": "77a2eb86-9dca-4048-a414-9adb3a5a354d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "4f76d653-0f54-413d-9acf-c4483d1511e6",
+              "name": "button6",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ee7cf1ee-6fe8-4a3e-9ce4-33607dc0c483",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "4f76d653-0f54-413d-9acf-c4483d1511e6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "4be9049e-3d79-4edb-a614-e7c13beb9565",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 9,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "4f76d653-0f54-413d-9acf-c4483d1511e6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "6ad5a1e8-7db7-4a70-90e7-b443a4fd4721",
+              "name": "button7",
+              "type": "Button",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+              "properties": {
+                "text": {
+                  "value": "Confirm"
+                },
+                "loadingState": {
+                  "value": "{{queries.deleteRoomEntity.isLoading}}",
+                  "fxActive": true
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "c1d08527-f8cb-4dae-a902-c618fd8a89bf",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "6ad5a1e8-7db7-4a70-90e7-b443a4fd4721",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "36a82bb0-bc02-40ad-b6b5-aff92f0043ac",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 22,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "6ad5a1e8-7db7-4a70-90e7-b443a4fd4721",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "1c4988dd-34ef-4359-89ec-9f9ccdd5cda2",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "56847678-ba43-4320-a32d-4fb4679172d2",
+              "properties": {
+                "data": {
+                  "value": "{{queries.getRoomEntities.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "cb0de5bc-acf6-4dd4-9797-59e8daced4c1",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "baff33cc-72cf-4dc9-bbd7-d9c91c786f4f",
+                      "name": "entity name",
+                      "key": "entity_name",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "e3e01b64-cdaf-4632-8a85-218aa18816e6",
+                      "name": "entity type",
+                      "key": "entity_type",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "f505bd32-1a71-4fc7-bf45-9cccf8b176ff",
+                      "name": "description",
+                      "key": "description",
+                      "columnType": "string"
+                    }
+                  ]
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "c72889e4-578f-416f-99cf-2c7dc233fbe4": 178,
+                    "f505bd32-1a71-4fc7-bf45-9cccf8b176ff": 155,
+                    "cb0de5bc-acf6-4dd4-9797-59e8daced4c1": 47,
+                    "27a97d18-b7a3-4dcf-9b2c-2da1d192cde5": 175,
+                    "32c880da-5092-45f5-b878-ee9e5b3e94f9": 168,
+                    "4f7bab55-edd4-4c41-ac61-e6f16a55fc6e": 151
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action1",
+                      "buttonText": "Edit",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63dd1a",
+                      "textColor": "#3e63ddff"
+                    },
+                    {
+                      "name": "Action2",
+                      "buttonText": "Delete",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#dd00001a",
+                      "textColor": "#dd0000ff"
+                    }
+                  ]
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "active",
+                    "property_name",
+                    "property_type",
+                    "address",
+                    "property_id",
+                    "property_room_id"
+                  ]
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getRoomEntities.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "5"
+                },
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "09451d24-800b-4d26-8bdc-1394d28d818f",
+                  "type": "mobile",
+                  "top": 566,
+                  "left": 0,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "1c4988dd-34ef-4359-89ec-9f9ccdd5cda2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "99582862-dcf6-4ea0-99d6-cfbe1a9c8aa3",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 41,
+                  "height": 530,
+                  "componentId": "1c4988dd-34ef-4359-89ec-9f9ccdd5cda2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "0e15b53b-8280-4a96-b8c2-efe8bb651549",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "c65fcc89-ec59-4db9-ae4a-cccc09e3a583",
+              "properties": {
+                "icon": {
+                  "value": "IconChevronLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "b3692ee7-5363-4b9b-888e-1ba9a74d4fd0",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "0e15b53b-8280-4a96-b8c2-efe8bb651549",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "501db637-1fa2-4404-bf05-b152541077fb",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "0e15b53b-8280-4a96-b8c2-efe8bb651549",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit entity details"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "430px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "3c5e79dd-b965-4d86-9507-c3d2170a2aa1",
+                  "type": "mobile",
+                  "top": 804,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "4ed82687-a65e-4be1-b902-4e6c382cfc4b",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 8,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "0701e381-afd1-4b15-a6f5-f83a4a5af65f",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "c65fcc89-ec59-4db9-ae4a-cccc09e3a583",
+              "properties": {
+                "text": {
+                  "value": "Real estate management"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "520af68d-e366-4e70-8e68-87be4bcb38ce",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 27,
+                  "width": 14.999999999999998,
+                  "height": 40,
+                  "componentId": "0701e381-afd1-4b15-a6f5-f83a4a5af65f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "343eea25-83a7-410c-b547-de32707ac1ba",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "parent": "c65fcc89-ec59-4db9-ae4a-cccc09e3a583",
+              "properties": {
+                "text": {
+                  "value": "{{`Room #${globals.urlparams.room_id}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "20"
+                },
+                "fontWeight": {
+                  "value": "lighter"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "8529ad49-a8af-4c88-aac0-c595d7f8f128",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 4,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "343eea25-83a7-410c-b547-de32707ac1ba",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                },
+                {
+                  "id": "6a7eae9b-c411-44e2-9ca0-c8da960f57ed",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "343eea25-83a7-410c-b547-de32707ac1ba",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.081Z"
+                }
+              ]
+            },
+            {
+              "id": "dd2237b8-160c-4f04-ae18-5dd7cad68a4e",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select property type"
+                },
+                "value": {
+                  "value": "{{}}"
+                },
+                "values": {
+                  "value": "{{[\"Commercial\",\"Industrial\",\"Mixed-Use\",\"Residential\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Commercial\",\"Industrial\",\"Mixed-Use\",\"Residential\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "67f621ec-adea-4650-a31e-98579239a390",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "dd2237b8-160c-4f04-ae18-5dd7cad68a4e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "7ea6f1ff-d5d6-4ecf-adf3-4519fae00c8c",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "dd2237b8-160c-4f04-ae18-5dd7cad68a4e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "50925347-fa5c-4a0a-a61f-fe48c42bf784",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "02965a5d-c79a-442c-aa6d-ddefafc660cc",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "50925347-fa5c-4a0a-a61f-fe48c42bf784",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "15258b23-7867-4c1c-8711-f2d59a490b67",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "50925347-fa5c-4a0a-a61f-fe48c42bf784",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "b15a82f6-de29-4d29-be01-eb8149bd6efa",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "139aff57-35fe-429d-9897-cc33f3d1ba91",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "b15a82f6-de29-4d29-be01-eb8149bd6efa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "8feb618d-e170-4ba1-95f2-d6881d3e17c3",
+                  "type": "desktop",
+                  "top": 350,
+                  "left": 2,
+                  "width": 14.000000000000002,
+                  "height": 30,
+                  "componentId": "b15a82f6-de29-4d29-be01-eb8149bd6efa",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "ebbd27c0-08ef-4cc5-8e6b-a337dd2d959e",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "09b98352-5954-4a47-aa04-9574ef806ffa",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "ebbd27c0-08ef-4cc5-8e6b-a337dd2d959e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "da286c48-aa65-4229-8583-e739e3fce739",
+                  "type": "desktop",
+                  "top": 380,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "ebbd27c0-08ef-4cc5-8e6b-a337dd2d959e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "7bdfed64-0940-4e3f-b58d-e508e4d16754",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Add"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.addProperty.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ba4e8b1a-8003-4a99-a8b0-5c5b6b148ac8",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "7bdfed64-0940-4e3f-b58d-e508e4d16754",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "60eef324-a253-4fd5-9cca-67319d43c5ee",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 35,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "7bdfed64-0940-4e3f-b58d-e508e4d16754",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "2198d9a8-169a-43d3-922b-521d8ad8a448",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "831c5454-d586-4026-8e2c-ece61c13d78b",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 39,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "2198d9a8-169a-43d3-922b-521d8ad8a448",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "287a11a9-9958-40a1-9b49-7ecfa6ca202c",
+                  "type": "desktop",
+                  "top": 510,
+                  "left": 28,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "2198d9a8-169a-43d3-922b-521d8ad8a448",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "name": "modal2",
+              "type": "Modal",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Edit property details"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "modalHeight": {
+                  "value": "580px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "2c310bc2-2c4f-4609-b46d-a8ff88b84097",
+                  "type": "desktop",
+                  "top": 782,
+                  "left": 8,
+                  "width": 6,
+                  "height": 30,
+                  "componentId": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "84203cbd-5ecb-49a4-9f1c-9f9313e6112f",
+                  "type": "mobile",
+                  "top": 804,
+                  "left": 1,
+                  "width": 10,
+                  "height": 34,
+                  "componentId": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "fda0868d-3d23-4182-a70b-768b398097ca",
+              "name": "textarea3",
+              "type": "TextArea",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "value": {
+                  "value": "{{components.table1.selectedRow.address}}"
+                },
+                "placeholder": {
+                  "value": "Enter address"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "81341e4a-95df-4d99-aee3-65ad112cfded",
+                  "type": "desktop",
+                  "top": 380,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 100,
+                  "componentId": "fda0868d-3d23-4182-a70b-768b398097ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "94cb0be5-c088-4720-ad08-236765255344",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 4,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "fda0868d-3d23-4182-a70b-768b398097ca",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            },
+            {
+              "id": "37c5ef3b-72ab-4f9c-a711-fd86dccc8a8b",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "parent": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.table1.selectedRow.property_type}}"
+                },
+                "values": {
+                  "value": "{{[\"Commercial\",\"Industrial\",\"Mixed-Use\",\"Residential\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Commercial\",\"Industrial\",\"Mixed-Use\",\"Residential\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select property type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z",
+              "layouts": [
+                {
+                  "id": "38814ede-f795-43f4-8d3c-92d536398656",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "37c5ef3b-72ab-4f9c-a711-fd86dccc8a8b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                },
+                {
+                  "id": "5957bc41-f386-4570-aae0-bc8af0927fe1",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 2,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "37c5ef3b-72ab-4f9c-a711-fd86dccc8a8b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-06-15T07:44:37.086Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "name": "Property rooms",
+              "handle": "property-rooms",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-12-03T01:15:22.669Z",
+              "autoComputeLayout": false,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "pageGroupIndex": 2,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "name": "Room entities",
+              "handle": "property-room-entities",
+              "index": 3,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-12-03T01:15:22.669Z",
+              "autoComputeLayout": false,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "pageGroupIndex": 3,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-12-03T01:15:22.669Z",
+              "autoComputeLayout": false,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "5ee11e97-4309-4723-948e-9071461ac1f7",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{JSON.stringify(queries.runjs1.data)}}"
+              },
+              "sourceId": "27ba4821-0771-4899-a3ec-38cfb7b3ee42",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "5466ddf6-a52d-443e-a9cc-2f272e0f09f5",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "f0d6835c-27e0-43d0-b9fe-f6a8e58fa0f2",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.435Z"
+            },
+            {
+              "id": "28a939a2-8b8c-4315-a51b-8daf6c1a21af",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "a194fa43-368b-4191-ae39-f496f43228e4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateProperty",
+                "parameters": {}
+              },
+              "sourceId": "8a25dc8a-eca9-4869-85bf-71585a12b411",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.443Z"
+            },
+            {
+              "id": "f25978bd-6453-4c2c-a209-2a23acd86f7f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "8f519e8a-35ab-4c87-b349-52152895e00d",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.452Z"
+            },
+            {
+              "id": "ce4c60e7-d700-47e9-bc73-20ca001fc1fc",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "b726a552-7bf1-4af1-a81e-529406c0e137",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteProperty",
+                "parameters": {}
+              },
+              "sourceId": "68c48ce8-8636-414a-b054-465ad57d809d",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.459Z"
+            },
+            {
+              "id": "bc75610d-5630-4ae0-916a-6c7e4241511a",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "1d4f79d9-176d-4fdf-ae81-d4dfad2eb540",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProperties",
+                "parameters": {}
+              },
+              "sourceId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "target": "page",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.466Z"
+            },
+            {
+              "id": "30bbc296-f18a-4076-b09d-eda96aa1b3e3",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Property details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "a194fa43-368b-4191-ae39-f496f43228e4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "52b304c4-49d3-44dd-80ca-812d4b4c03af",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update property details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "a194fa43-368b-4191-ae39-f496f43228e4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "ce25ef55-73ed-455c-9cd8-53518ed05817",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "c0277f14-4837-434c-a95d-064d388db221",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "2bb02b08-9245-4b36-9c0b-2688cda94a09",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.400Z"
+            },
+            {
+              "id": "ac05a5fe-a139-405a-9b61-a7f90f1c12e6",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "2198d9a8-169a-43d3-922b-521d8ad8a448",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.410Z"
+            },
+            {
+              "id": "5f9425e8-8120-4590-9915-617fc5c7427b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "c0277f14-4837-434c-a95d-064d388db221",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "6876c31e-175d-451a-ab6f-f5ac19377536",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.419Z"
+            },
+            {
+              "id": "94f010d4-0bf0-44a3-b964-01a69e9b791c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "260370ac-53a7-4155-a7b7-af8c12f16789",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "376d5e0a-cf52-4f0a-8972-cb29b71f6335",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.427Z"
+            },
+            {
+              "id": "6a531e6f-b611-4195-89b5-2375e4731500",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.475Z"
+            },
+            {
+              "id": "baa5ab9d-c7f6-46e1-be4a-5382b9cf5e7c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "63c692b5-ac45-422e-85bb-a7704e76611e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updatePropertyRoom",
+                "parameters": {}
+              },
+              "sourceId": "5e60add2-e06f-4e16-8163-ef04ad4c5e73",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.518Z"
+            },
+            {
+              "id": "eaa38d8c-0fdb-456a-9900-84d0ff0e757c",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "1d4f79d9-176d-4fdf-ae81-d4dfad2eb540",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProperties",
+                "parameters": {}
+              },
+              "sourceId": "a194fa43-368b-4191-ae39-f496f43228e4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.526Z"
+            },
+            {
+              "id": "ecf90d43-b852-4fbd-8e86-40c95ee34dd3",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "1d4f79d9-176d-4fdf-ae81-d4dfad2eb540",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProperties",
+                "parameters": {}
+              },
+              "sourceId": "b726a552-7bf1-4af1-a81e-529406c0e137",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.673Z"
+            },
+            {
+              "id": "58b32995-2594-4852-ab80-fd18a9d67d13",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action3",
+                "pageId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "property_id",
+                    "{{globals.urlparams.property_id}}"
+                  ],
+                  [
+                    "room_id",
+                    "{{components.table1.selectedRow.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "455a3f09-6449-4446-bbce-7321227a9863",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.708Z"
+            },
+            {
+              "id": "15312d4d-97d6-4db3-99a7-6a526e2e40eb",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "2f59220d-b876-486c-b571-1b587dd7693d",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.484Z"
+            },
+            {
+              "id": "56ee8878-66e6-40e4-9d64-7aed73d13e26",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "9868b448-2acd-4ac8-ae86-7cee2eac76da",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getPropertyRooms",
+                "parameters": {}
+              },
+              "sourceId": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.492Z"
+            },
+            {
+              "id": "b0053a46-2572-4ad7-b1ac-097c528560dd",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "1d4f79d9-176d-4fdf-ae81-d4dfad2eb540",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getProperties",
+                "parameters": {}
+              },
+              "sourceId": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.509Z"
+            },
+            {
+              "id": "e3dcbd8f-df6c-4e8d-b42a-d22e362728e4",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Room removed from the property successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "80fc00ac-0ef8-4ce4-9de7-94d716ccf97a",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to remove room from the property! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "5e871659-c241-4306-ac89-5d5e46a7a28c",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add property! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "8a555e08-9523-4fc6-a3df-afc9067005b9",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Property listed successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "247a7676-d215-4889-909e-d998b137b7bf",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Room details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "63c692b5-ac45-422e-85bb-a7704e76611e",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "ff456b85-8fac-4498-b48d-08d253fe9f4a",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update room details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "63c692b5-ac45-422e-85bb-a7704e76611e",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "7d5ed11c-7c6a-449c-be86-2c6802f8a476",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add entity to the room! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "930e3f76-7290-4380-8f0a-933578fc9db4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "bbd4154d-1055-4c21-b091-dc4174b0e586",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Entity added to the room successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "930e3f76-7290-4380-8f0a-933578fc9db4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "165f043d-99f9-4482-a96c-a1b9dc208a31",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Room added to the property successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "b6f7b341-9916-4183-997c-75f347175c1c",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "da28bbcd-c4a6-497f-be57-f55e9c643453",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to add room to the property! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "b6f7b341-9916-4183-997c-75f347175c1c",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "347bf8f8-6480-4b4d-be86-3a0e7278290f",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Entity removed from the room successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "52a5e962-a0d8-4502-a379-009f00fdece2",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to remove entity from the room! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "65c086a7-cb2c-4b33-bd1c-feb9d072a74b",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to update entity details! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "07d0d1de-a9c7-480b-82fd-19b14da1f6ab",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Entity details updated successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "8adba51f-ee8d-496c-bcf4-7a5cf121e976",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Property removed successfully.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "b726a552-7bf1-4af1-a81e-529406c0e137",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "5baf5884-dc47-42d2-baed-e1c104fc8466",
+              "name": "onDataQueryFailure",
+              "index": 3,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to remove property! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "b726a552-7bf1-4af1-a81e-529406c0e137",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "32721b1d-6671-4a13-bbb6-a360c12ca9b6",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "a194fa43-368b-4191-ae39-f496f43228e4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.543Z"
+            },
+            {
+              "id": "9a8d1aba-9921-491a-907a-ff46b82f577e",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "9868b448-2acd-4ac8-ae86-7cee2eac76da",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getPropertyRooms",
+                "parameters": {}
+              },
+              "sourceId": "63c692b5-ac45-422e-85bb-a7704e76611e",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.554Z"
+            },
+            {
+              "id": "63ef2207-137b-44f9-8c1b-e13487cd140c",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "260370ac-53a7-4155-a7b7-af8c12f16789",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "63c692b5-ac45-422e-85bb-a7704e76611e",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.564Z"
+            },
+            {
+              "id": "b70682e5-64e1-4a43-adc7-8e541d53654a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "1272c5a6-d10a-424f-8cb3-16486360243b",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "930e3f76-7290-4380-8f0a-933578fc9db4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.578Z"
+            },
+            {
+              "id": "9283c227-17a1-4b43-a49a-ac693e2eac4e",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d4291414-b51a-4c0e-b82c-b5288531e4aa",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getRoomEntities",
+                "parameters": {}
+              },
+              "sourceId": "930e3f76-7290-4380-8f0a-933578fc9db4",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.586Z"
+            },
+            {
+              "id": "af476cb3-1a73-4ed1-8979-484415d6d46f",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "9868b448-2acd-4ac8-ae86-7cee2eac76da",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getPropertyRooms",
+                "parameters": {}
+              },
+              "sourceId": "b6f7b341-9916-4183-997c-75f347175c1c",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.599Z"
+            },
+            {
+              "id": "b8179e7d-70df-49de-afe2-f6da69c2f34f",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "c0277f14-4837-434c-a95d-064d388db221",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "b6f7b341-9916-4183-997c-75f347175c1c",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.612Z"
+            },
+            {
+              "id": "13c90867-b144-4754-a9dd-72bc57ee5376",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.620Z"
+            },
+            {
+              "id": "df7fc083-e738-4e16-8e52-45820ffd89d3",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d4291414-b51a-4c0e-b82c-b5288531e4aa",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getRoomEntities",
+                "parameters": {}
+              },
+              "sourceId": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.628Z"
+            },
+            {
+              "id": "81ea6a47-e0c5-4ec2-88cd-d083fb047d16",
+              "name": "onDataQuerySuccess",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d4291414-b51a-4c0e-b82c-b5288531e4aa",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getRoomEntities",
+                "parameters": {}
+              },
+              "sourceId": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.643Z"
+            },
+            {
+              "id": "bf4787e9-cfb5-447a-9d76-2cf5e8d5f834",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.651Z"
+            },
+            {
+              "id": "79d83cc1-7553-4bf4-8358-9d24f82c0e08",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "modal": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "b726a552-7bf1-4af1-a81e-529406c0e137",
+              "target": "data_query",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.666Z"
+            },
+            {
+              "id": "f020d23f-02fb-48e7-9cd7-13f219b0976c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "b6f7b341-9916-4183-997c-75f347175c1c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addPropertyRoom",
+                "parameters": {}
+              },
+              "sourceId": "b3c3c26f-ffe9-45bb-aaa8-af30f883eed0",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.681Z"
+            },
+            {
+              "id": "7e0e43c9-d269-4dec-99fe-a619ea0e0434",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action2",
+                "modal": "2f59220d-b876-486c-b571-1b587dd7693d",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "455a3f09-6449-4446-bbce-7321227a9863",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.690Z"
+            },
+            {
+              "id": "33e6e7b3-309f-4fcb-b6d0-fd6d3bf95ce0",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "260370ac-53a7-4155-a7b7-af8c12f16789",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "455a3f09-6449-4446-bbce-7321227a9863",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.699Z"
+            },
+            {
+              "id": "a9a1cfbe-3d06-4e7d-994c-4a63732b4bb2",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "2f59220d-b876-486c-b571-1b587dd7693d",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "1e2d2ac7-1c5a-4b05-b8c3-087c3950bf7e",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.715Z"
+            },
+            {
+              "id": "66f5395c-83bf-4140-8d85-2ef9d84baf43",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deletePropertyRoom",
+                "parameters": {}
+              },
+              "sourceId": "16f41daf-37b4-4a9e-8564-4c1fec852504",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.723Z"
+            },
+            {
+              "id": "c21744a2-0f5f-4c2e-90ef-39d288f5dae0",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": []
+              },
+              "sourceId": "11310881-1763-4748-a836-417b7b415866",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.731Z"
+            },
+            {
+              "id": "372353ba-9c35-44df-9ec3-1515aadeafe2",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "9868b448-2acd-4ac8-ae86-7cee2eac76da",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getPropertyRooms",
+                "parameters": {}
+              },
+              "sourceId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+              "target": "page",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.739Z"
+            },
+            {
+              "id": "3b96c972-eedc-4603-99f9-b2fb132c35b7",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "1272c5a6-d10a-424f-8cb3-16486360243b",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "ed43f021-a794-4819-9cd7-3c11f44396f7",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.747Z"
+            },
+            {
+              "id": "4e2d8850-07aa-426e-990d-b1cd24599fcf",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "1272c5a6-d10a-424f-8cb3-16486360243b",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "7422726e-d2ce-437a-a471-ef2fbde01d66",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.755Z"
+            },
+            {
+              "id": "26d3dce8-512f-4414-82cd-c91c52ca52a7",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "030a4203-9420-4e6b-b93c-c9b44a99eb2a",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.763Z"
+            },
+            {
+              "id": "ef7b095c-dbbf-457c-8e23-d83cc6a15756",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateRoomEntity",
+                "parameters": {}
+              },
+              "sourceId": "75d2cab1-c8c1-473b-8e94-6c8546165a28",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.772Z"
+            },
+            {
+              "id": "aac2479c-ed75-4ffe-91a3-95fc8c896fc1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "930e3f76-7290-4380-8f0a-933578fc9db4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addRoomEntity",
+                "parameters": {}
+              },
+              "sourceId": "fbca8c90-c8f6-42df-b35e-bac85f282836",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.780Z"
+            },
+            {
+              "id": "7e0b018b-9719-4a15-a367-9cf10dd8ecfb",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "close-modal",
+                "alertType": "info"
+              },
+              "sourceId": "4f76d653-0f54-413d-9acf-c4483d1511e6",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.789Z"
+            },
+            {
+              "id": "25f6f0c6-e128-439d-974a-d213177ae5a8",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteRoomEntity",
+                "parameters": {}
+              },
+              "sourceId": "6ad5a1e8-7db7-4a70-90e7-b443a4fd4721",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.805Z"
+            },
+            {
+              "id": "bcf2f76e-240e-413c-b4cd-0402c6856c4a",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "70b46e85-80de-4a9f-8f67-c56dce8abb4f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "1c4988dd-34ef-4359-89ec-9f9ccdd5cda2",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.814Z"
+            },
+            {
+              "id": "25c800fa-8760-4029-aea8-ead17e6fc317",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action2",
+                "modal": "0ea73188-0838-4600-a7f4-cafa9fb8a58f",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "1c4988dd-34ef-4359-89ec-9f9ccdd5cda2",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.823Z"
+            },
+            {
+              "id": "02f0ef69-c118-4922-b477-5762d7f5320b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "property_id",
+                    "{{globals.urlparams.property_id}}"
+                  ]
+                ]
+              },
+              "sourceId": "0e15b53b-8280-4a96-b8c2-efe8bb651549",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.831Z"
+            },
+            {
+              "id": "9ef00b7f-6be6-4b82-9ab0-50ab82fa3247",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "d4291414-b51a-4c0e-b82c-b5288531e4aa",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getRoomEntities",
+                "parameters": {}
+              },
+              "sourceId": "7800c1ec-d891-4831-aa5b-bbd3ad36212f",
+              "target": "page",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.840Z"
+            },
+            {
+              "id": "5b4e033e-da15-4f6b-97dd-79891093d45e",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "c064f0a7-3291-4136-90d7-fdde4bd8e054",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "d4ab5ce1-7c19-473f-9b87-cd56e81d8c7d",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.849Z"
+            },
+            {
+              "id": "cb5f636a-12a9-484f-aaa9-e34990948a67",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action1",
+                "modal": "1f3cda06-737e-4373-8ad8-bb0fc472422b",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.858Z"
+            },
+            {
+              "id": "2aef459b-485d-4c98-87e4-43c501e1bb61",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action2",
+                "modal": "bda9333c-6252-4070-a2eb-5f0e5c301804",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.866Z"
+            },
+            {
+              "id": "fba18011-ffc3-47de-9bfb-879e592d46a9",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action3",
+                "pageId": "7b255b9c-73fb-4d5d-9f9f-b44b09755525",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "property_id",
+                    "{{components.table1.selectedRow.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "f350a20b-7ddb-4716-addc-392f5efcbdc1",
+              "target": "table_action",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.874Z"
+            },
+            {
+              "id": "a41c48b4-6fd6-4372-9f4f-7b9bf786bc45",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addProperty",
+                "parameters": {}
+              },
+              "sourceId": "7bdfed64-0940-4e3f-b58d-e508e4d16754",
+              "target": "component",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:46.882Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "6b6c971a-298c-4430-bdf2-57d0e62ab23f",
+              "name": "tooljetdb7",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716912939913,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "dd273fb0-4398-483b-9ff8-fd7af66c5672",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "property_room_id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_name",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_type",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "description",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "active",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    }
+                  ]
+                },
+                "list_rows": {}
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "a63f4d3c-acd9-483f-ad77-b5ca4b5dedda",
+              "name": "deletePropertyRoom",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "707502f7-10f4-4558-b5a8-68cf736be79e",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716904285348,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "57a658c6-1664-48c7-a036-43029ab021b0",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_name",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_type",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "description",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "property_id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "active",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "98d8a3ed-e94a-4827-b538-106d53fc69fa": {
+                      "column": "active",
+                      "value": "false"
+                    }
+                  },
+                  "where_filters": {
+                    "cd7ad103-7d00-4215-b78c-8f5b82ad08e4": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "cd7ad103-7d00-4215-b78c-8f5b82ad08e4"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "96e66b1e-dcd4-4aaf-a370-d628f95c902b",
+              "name": "addProperty",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "e58569d9-067a-4b99-b844-1477aceb2d29",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716892565976,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_name",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "address",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "description",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_type",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "active",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "property_name",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "1": {
+                    "column": "property_type",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "2": {
+                    "column": "description",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "3": {
+                    "column": "address",
+                    "value": "{{components.textarea2.value}}"
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "a194fa43-368b-4191-ae39-f496f43228e4",
+              "name": "updateProperty",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "e58569d9-067a-4b99-b844-1477aceb2d29",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716895410652,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_name",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "address",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "description",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_type",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "active",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "property_name",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "1": {
+                      "column": "property_type",
+                      "value": "{{components.dropdown2.value}}"
+                    },
+                    "2": {
+                      "column": "description",
+                      "value": "{{components.textarea4.value}}"
+                    },
+                    "c2ebd259-6f3d-44cc-82fa-c7e1bb8c92d9": {
+                      "column": "address",
+                      "value": "{{components.textarea3.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "bc5a1ce9-fab8-4117-9039-d9d61ccb7440": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "bc5a1ce9-fab8-4117-9039-d9d61ccb7440"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "63c692b5-ac45-422e-85bb-a7704e76611e",
+              "name": "updatePropertyRoom",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "707502f7-10f4-4558-b5a8-68cf736be79e",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716903753127,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "57a658c6-1664-48c7-a036-43029ab021b0",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_name",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_type",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "description",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "property_id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "active",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "room_name",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "1": {
+                      "column": "room_type",
+                      "value": "{{components.dropdown2.value}}"
+                    },
+                    "2": {
+                      "column": "description",
+                      "value": "{{components.textarea4.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "bc5a1ce9-fab8-4117-9039-d9d61ccb7440": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "bc5a1ce9-fab8-4117-9039-d9d61ccb7440"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "930e3f76-7290-4380-8f0a-933578fc9db4",
+              "name": "addRoomEntity",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716912597124,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "dd273fb0-4398-483b-9ff8-fd7af66c5672",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "property_room_id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_name",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_type",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "description",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "active",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "entity_name",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "1": {
+                    "column": "entity_type",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "2": {
+                    "column": "description",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "f57d6e87-820b-4fa1-85d8-1562bfa8920d": {
+                    "column": "property_room_id",
+                    "value": "{{globals.urlparams.room_id}}"
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "b6f7b341-9916-4183-997c-75f347175c1c",
+              "name": "addPropertyRoom",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "707502f7-10f4-4558-b5a8-68cf736be79e",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716903107667,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "57a658c6-1664-48c7-a036-43029ab021b0",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_name",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_type",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "description",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "property_id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "active",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "room_name",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "1": {
+                    "column": "room_type",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "2": {
+                    "column": "description",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "987f81dd-b133-4f21-898c-227c8cec69c4": {
+                    "column": "property_id",
+                    "value": "{{globals.urlparams.property_id}}"
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "f4c37b22-cde1-4b1c-a49d-f50ecdffe55a",
+              "name": "deleteRoomEntity",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716913682421,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "dd273fb0-4398-483b-9ff8-fd7af66c5672",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "property_room_id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_name",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_type",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "description",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "active",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "98d8a3ed-e94a-4827-b538-106d53fc69fa": {
+                      "column": "active",
+                      "value": "false"
+                    }
+                  },
+                  "where_filters": {
+                    "cd7ad103-7d00-4215-b78c-8f5b82ad08e4": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "cd7ad103-7d00-4215-b78c-8f5b82ad08e4"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "d64e14aa-9ce0-4e50-aa39-d97877847f97",
+              "name": "updateRoomEntity",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716913351357,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "dd273fb0-4398-483b-9ff8-fd7af66c5672",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "property_room_id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_name",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_type",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "description",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "active",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "entity_name",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "1": {
+                      "column": "entity_type",
+                      "value": "{{components.dropdown2.value}}"
+                    },
+                    "2": {
+                      "column": "description",
+                      "value": "{{components.textarea4.value}}"
+                    }
+                  },
+                  "where_filters": {
+                    "bc5a1ce9-fab8-4117-9039-d9d61ccb7440": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "bc5a1ce9-fab8-4117-9039-d9d61ccb7440"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "b726a552-7bf1-4af1-a81e-529406c0e137",
+              "name": "deleteProperty",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "e58569d9-067a-4b99-b844-1477aceb2d29",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716897682230,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_name",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "address",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "description",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_type",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "active",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "98d8a3ed-e94a-4827-b538-106d53fc69fa": {
+                      "column": "active",
+                      "value": "false"
+                    }
+                  },
+                  "where_filters": {
+                    "cd7ad103-7d00-4215-b78c-8f5b82ad08e4": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "cd7ad103-7d00-4215-b78c-8f5b82ad08e4"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "9868b448-2acd-4ac8-ae86-7cee2eac76da",
+              "name": "getPropertyRooms",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "707502f7-10f4-4558-b5a8-68cf736be79e",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716898814515,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "57a658c6-1664-48c7-a036-43029ab021b0",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_name",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "room_type",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "description",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "property_id",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    },
+                    {
+                      "name": "active",
+                      "table": "57a658c6-1664-48c7-a036-43029ab021b0"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6": {
+                      "column": "active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6"
+                    },
+                    "6e69a6f9-bc13-4ed7-9150-03e9ca1ee556": {
+                      "column": "property_id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.property_id}}",
+                      "id": "6e69a6f9-bc13-4ed7-9150-03e9ca1ee556"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:40:56.903Z"
+            },
+            {
+              "id": "27ba4821-0771-4899-a3ec-38cfb7b3ee42",
+              "name": "runjs1",
+              "options": {
+                "code": "return [...new Set(queries.tooljetdb7.data.map((row) => row.entity_type))].toSorted();",
+                "parameters": []
+              },
+              "dataSourceId": "e89032b8-4e8a-4c7a-b2ea-a037850c8d5e",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:36:45.059Z"
+            },
+            {
+              "id": "d4291414-b51a-4c0e-b82c-b5288531e4aa",
+              "name": "getRoomEntities",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "009856b4-1f57-4faa-b733-2a5dcd4a75c6",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716912177434,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "dd273fb0-4398-483b-9ff8-fd7af66c5672",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "property_room_id",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_name",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "entity_type",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "description",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    },
+                    {
+                      "name": "active",
+                      "table": "dd273fb0-4398-483b-9ff8-fd7af66c5672"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6": {
+                      "column": "active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6"
+                    },
+                    "6e69a6f9-bc13-4ed7-9150-03e9ca1ee556": {
+                      "column": "property_room_id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.room_id}}",
+                      "id": "6e69a6f9-bc13-4ed7-9150-03e9ca1ee556"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-06-12T08:40:49.044Z"
+            },
+            {
+              "id": "1d4f79d9-176d-4fdf-ae81-d4dfad2eb540",
+              "name": "getProperties",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "e58569d9-067a-4b99-b844-1477aceb2d29",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1716889822110,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_name",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "address",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "description",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "property_type",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    },
+                    {
+                      "name": "active",
+                      "table": "e5409ab4-49f0-41d8-8e88-aec9cd3ae4a8"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6": {
+                      "column": "active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "35cd727e-1a60-44ff-925a-b9aaeaf9e7e6"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "createdAt": "2024-06-12T08:36:45.059Z",
+              "updatedAt": "2024-12-03T01:16:49.298Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "3f4bf5ed-859e-4816-8958-ed78e43c48df",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:36:45.067Z",
+              "updatedAt": "2024-06-12T08:36:45.067Z"
+            },
+            {
+              "id": "e89032b8-4e8a-4c7a-b2ea-a037850c8d5e",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:36:45.081Z",
+              "updatedAt": "2024-06-12T08:36:45.081Z"
+            },
+            {
+              "id": "fb326499-a7f1-4e46-baf0-70a2efc5220f",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:36:45.093Z",
+              "updatedAt": "2024-06-12T08:36:45.093Z"
+            },
+            {
+              "id": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:36:45.105Z",
+              "updatedAt": "2024-06-12T08:36:45.105Z"
+            },
+            {
+              "id": "eb4c062c-f322-4c65-9ee5-d47c4ecd5283",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:36:45.117Z",
+              "updatedAt": "2024-06-12T08:36:45.117Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "4a308eb2-42c7-4e6d-8836-c9476d247334",
+              "name": "v2",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "2253720e-3298-4207-b3ff-c7a209a309b0",
+              "appId": "c215fb1d-0dd9-41a8-9d6a-5e1e703f33a1",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-12T08:36:45.052Z",
+              "updatedAt": "2024-07-07T10:26:52.054Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "37bca195-b85d-422b-a807-9ab4a384ebd2",
+              "dataSourceId": "3f4bf5ed-859e-4816-8958-ed78e43c48df",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.077Z",
+              "updatedAt": "2024-06-12T08:36:45.077Z"
+            },
+            {
+              "id": "77f82e99-3e9c-4140-9e9b-34a411913842",
+              "dataSourceId": "3f4bf5ed-859e-4816-8958-ed78e43c48df",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.077Z",
+              "updatedAt": "2024-06-12T08:36:45.077Z"
+            },
+            {
+              "id": "12c6c4ad-c6be-492e-ad7a-b9b55f69cde5",
+              "dataSourceId": "3f4bf5ed-859e-4816-8958-ed78e43c48df",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.077Z",
+              "updatedAt": "2024-06-12T08:36:45.077Z"
+            },
+            {
+              "id": "fa6d307d-7257-41a5-baa8-75c2310cdd22",
+              "dataSourceId": "e89032b8-4e8a-4c7a-b2ea-a037850c8d5e",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.090Z",
+              "updatedAt": "2024-06-12T08:36:45.090Z"
+            },
+            {
+              "id": "db429d6b-1b3e-4c94-a99d-19c2b29bbbc2",
+              "dataSourceId": "e89032b8-4e8a-4c7a-b2ea-a037850c8d5e",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.090Z",
+              "updatedAt": "2024-06-12T08:36:45.090Z"
+            },
+            {
+              "id": "855efc63-227d-4880-9fa2-f13b31e5f9e2",
+              "dataSourceId": "e89032b8-4e8a-4c7a-b2ea-a037850c8d5e",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.090Z",
+              "updatedAt": "2024-06-12T08:36:45.090Z"
+            },
+            {
+              "id": "d95d26e9-e32d-4fca-a600-df09427ee681",
+              "dataSourceId": "fb326499-a7f1-4e46-baf0-70a2efc5220f",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.102Z",
+              "updatedAt": "2024-06-12T08:36:45.102Z"
+            },
+            {
+              "id": "ec243b7d-f1a9-400f-bc50-658ceab7ce95",
+              "dataSourceId": "fb326499-a7f1-4e46-baf0-70a2efc5220f",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.103Z",
+              "updatedAt": "2024-06-12T08:36:45.103Z"
+            },
+            {
+              "id": "7ba275b1-fa60-4e0c-864b-5a00b58cb52f",
+              "dataSourceId": "fb326499-a7f1-4e46-baf0-70a2efc5220f",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.103Z",
+              "updatedAt": "2024-06-12T08:36:45.103Z"
+            },
+            {
+              "id": "33ca2a45-521e-456c-9ae9-da0f6bf11a6a",
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.114Z",
+              "updatedAt": "2024-06-12T08:36:45.114Z"
+            },
+            {
+              "id": "39956fab-3d60-4e2b-a03c-7eb424b8ebe6",
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.114Z",
+              "updatedAt": "2024-06-12T08:36:45.114Z"
+            },
+            {
+              "id": "584c4290-bbdf-45be-82ac-277fb98d3253",
+              "dataSourceId": "8a8f13a9-9fa2-49a8-b798-1ff498d0576f",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.114Z",
+              "updatedAt": "2024-06-12T08:36:45.114Z"
+            },
+            {
+              "id": "9cf48df7-e86f-42d8-a276-49a9a8b4298d",
+              "dataSourceId": "eb4c062c-f322-4c65-9ee5-d47c4ecd5283",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.137Z",
+              "updatedAt": "2024-06-12T08:36:45.137Z"
+            },
+            {
+              "id": "9d65d1ad-d5de-499a-84c8-1eecd22af6a1",
+              "dataSourceId": "eb4c062c-f322-4c65-9ee5-d47c4ecd5283",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.137Z",
+              "updatedAt": "2024-06-12T08:36:45.137Z"
+            },
+            {
+              "id": "74d8c3ff-288c-4956-8935-6fe01ce77685",
+              "dataSourceId": "eb4c062c-f322-4c65-9ee5-d47c4ecd5283",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:36:45.137Z",
+              "updatedAt": "2024-06-12T08:36:45.137Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/real-estate-management/manifest.json b/server/templates/real-estate-management/manifest.json
new file mode 100644
index 0000000000..60834aad60
--- /dev/null
+++ b/server/templates/real-estate-management/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Real estate management",
+  "description": "Centralize property listings, tenant information, and maintenance schedules with ToolJet DB based application. ",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "real-estate-management",
+  "category": "operations"
+}
\ No newline at end of file
diff --git a/server/templates/sql-query-formatter/definition.json b/server/templates/sql-query-formatter/definition.json
new file mode 100644
index 0000000000..d2b7977148
--- /dev/null
+++ b/server/templates/sql-query-formatter/definition.json
@@ -0,0 +1,946 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "630d4222-87c7-4e75-a155-3978b96d8f13",
+          "name": "sql-query-formatter-final",
+          "slug": "630d4222-87c7-4e75-a155-3978b96d8f13",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "archive",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-11-08T00:50:16.552Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-11-08T00:50:16.767Z",
+          "editingVersion": {
+            "id": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#2f3c4c",
+              "backgroundFxQuery": "#2f3c4c",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+            "appId": "630d4222-87c7-4e75-a155-3978b96d8f13",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-11-08T00:50:16.563Z",
+            "updatedAt": "2024-12-03T23:24:54.046Z"
+          },
+          "components": [
+            {
+              "id": "1dc790ac-cbae-4c8e-a7fe-b54066ed4a5b",
+              "name": "indentOptions",
+              "type": "DropDown",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "values": {
+                  "value": "{{[\"tab\",\"2spaces\",\"4spaces\",\"8spaces\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Indent with tab\", \"Indent with 2 spaces\", \"Indent with 4 spaces\",\"Indent with 8 spaces\"]}}"
+                },
+                "value": {
+                  "value": "{{\"4spaces\"}}"
+                },
+                "label": {
+                  "value": "Indent options"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z",
+              "layouts": [
+                {
+                  "id": "87738e44-c6fd-46c5-ae49-891e42e2f403",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 5,
+                  "width": 13,
+                  "height": 30,
+                  "componentId": "1dc790ac-cbae-4c8e-a7fe-b54066ed4a5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:07:28.658Z"
+                },
+                {
+                  "id": "43df4d19-8cd6-4c53-b352-6f76ef44d384",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 12,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "1dc790ac-cbae-4c8e-a7fe-b54066ed4a5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "42b67591-8a58-4349-9607-c71190fd95fd",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "SQL Query Formatter"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "center"
+                },
+                "textSize": {
+                  "value": "25"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-25T17:09:10.748Z",
+              "layouts": [
+                {
+                  "id": "6abe4bda-ba4e-435b-b784-73055eea5c55",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 15,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "42b67591-8a58-4349-9607-c71190fd95fd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "fb434b6a-402e-4890-ba30-5662ecd1d1d8",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "42b67591-8a58-4349-9607-c71190fd95fd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "d428f221-44ec-4b28-b4e2-00b74c4642a1",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Format Query"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "f27ca2c1-1659-433c-887d-3329a10302f9",
+                  "type": "mobile",
+                  "top": 270,
+                  "left": 27,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "d428f221-44ec-4b28-b4e2-00b74c4642a1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "9f63de7c-11a3-4c65-b32d-af6e580160c0",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 32,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "d428f221-44ec-4b28-b4e2-00b74c4642a1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "bac56af6-fa16-446b-87f1-bc546e64aa6a",
+              "name": "copyButton",
+              "type": "Button",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Copy"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2c0c784a-f5e5-4350-ace7-55a69e82550a",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 28,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "bac56af6-fa16-446b-87f1-bc546e64aa6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "6adae06d-354b-4f82-b49f-a543253044f9",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 36,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "bac56af6-fa16-446b-87f1-bc546e64aa6a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "f54cb610-f21e-4749-8b8c-314543220db7",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your Query"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z",
+              "layouts": [
+                {
+                  "id": "c8293753-57ac-433a-a781-193715b028b6",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 30,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "f54cb610-f21e-4749-8b8c-314543220db7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "908ef556-390c-4aa4-b0f2-654644b181fa",
+                  "type": "desktop",
+                  "top": 130,
+                  "left": 5,
+                  "width": 34,
+                  "height": 250,
+                  "componentId": "f54cb610-f21e-4749-8b8c-314543220db7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "1e49c478-75b0-4c73-9458-c7498d343e81",
+              "name": "textarea2",
+              "type": "TextArea",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": "{{queries.0a8648c6-47a0-4764-b085-0026e1f1e634.data}}"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T01:27:27.502Z",
+              "layouts": [
+                {
+                  "id": "4bff1f0b-1e61-4038-95b3-0c94f71f375c",
+                  "type": "mobile",
+                  "top": 330,
+                  "left": 12,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "1e49c478-75b0-4c73-9458-c7498d343e81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "29304ec0-ed8f-491a-9170-b8201646039e",
+                  "type": "desktop",
+                  "top": 490,
+                  "left": 5,
+                  "width": 34,
+                  "height": 250,
+                  "componentId": "1e49c478-75b0-4c73-9458-c7498d343e81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "d9639f73-6694-40ca-862b-63bf4d5625a5",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Input"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z",
+              "layouts": [
+                {
+                  "id": "959510f1-4743-4587-960f-029cc9f549eb",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 5,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d9639f73-6694-40ca-862b-63bf4d5625a5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "e7cc84b8-e8a3-4b0b-888c-8cd0939f3ea7",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d9639f73-6694-40ca-862b-63bf4d5625a5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "d9c70356-7252-476a-b28e-210721863b2b",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Output"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z",
+              "layouts": [
+                {
+                  "id": "89e065b1-cc11-417a-a97d-b4f6835b35bc",
+                  "type": "desktop",
+                  "top": 450,
+                  "left": 5,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d9c70356-7252-476a-b28e-210721863b2b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "8f12c622-b5bb-47f5-a76b-42584dddf1e9",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 6,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d9c70356-7252-476a-b28e-210721863b2b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                }
+              ]
+            },
+            {
+              "id": "a36de350-90da-4f51-9e58-602dd95430ae",
+              "name": "checkbox1",
+              "type": "Checkbox",
+              "pageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "parent": null,
+              "properties": {
+                "label": {
+                  "value": "Uppercase keywords"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "1a5ff3d2-bea5-483a-baaa-a86e9c2585f6",
+                  "type": "mobile",
+                  "top": 390,
+                  "left": 19,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "a36de350-90da-4f51-9e58-602dd95430ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-08T00:50:16.568Z"
+                },
+                {
+                  "id": "458014d5-b862-4e19-a945-c10d14e9f0c0",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 19,
+                  "width": 7,
+                  "height": 30,
+                  "componentId": "a36de350-90da-4f51-9e58-602dd95430ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:07:26.234Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z",
+              "autoComputeLayout": true,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "0ecfb8e8-0242-4971-9ddc-a6417fffd991",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "0a8648c6-47a0-4764-b085-0026e1f1e634",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "runjs1",
+                "parameters": {}
+              },
+              "sourceId": "d428f221-44ec-4b28-b4e2-00b74c4642a1",
+              "target": "component",
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.734Z"
+            },
+            {
+              "id": "ebb52baa-e21b-4537-871f-b39e736af5dc",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{queries.0a8648c6-47a0-4764-b085-0026e1f1e634.data}}"
+              },
+              "sourceId": "bac56af6-fa16-446b-87f1-bc546e64aa6a",
+              "target": "component",
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.740Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "0a8648c6-47a0-4764-b085-0026e1f1e634",
+              "name": "runjs1",
+              "options": {
+                "code": "    const input = components.textarea1.value;\n    const indentOption = components.indentOptions.value;\n    const uppercase = components.checkbox1.value;\n\n    // Determine the indentation\n    let indentChar;\n    switch (indentOption) {\n        case 'tab':\n            indentChar = '\\t';\n            break;\n        case '2spaces':\n            indentChar = '  ';\n            break;\n        case '4spaces':\n            indentChar = '    ';\n            break;\n        case '8spaces':\n            indentChar = '        ';\n            break;\n        default:\n           formattedOutput = \"Invalid indent option\";\n           return formattedOutput;\n    }\n\n    // Keywords for basic SQL formatting\n    let keywords = [\"SELECT\", \"FROM\", \"WHERE\", \"AND\", \"OR\", \"ORDER BY\", \"GROUP BY\", \"JOIN\", \"LEFT JOIN\", \"RIGHT JOIN\", \"INNER JOIN\", \"OUTER JOIN\", \"INSERT INTO\", \"VALUES\", \"UPDATE\", \"SET\", \"DELETE\", \"CREATE TABLE\", \"PRIMARY KEY\", \"FOREIGN KEY\", \"ALTER TABLE\", \"DROP TABLE\", \"TRUNCATE TABLE\"];\n\n    // Convert keywords to lowercase if uppercase option is unchecked\n    if (!uppercase) {\n        keywords = keywords.map(keyword => keyword.toLowerCase());\n    }\n\n    // Split the SQL into lines\n    let formattedSQL = input;\n    keywords.forEach(keyword => {\n        const regex = new RegExp(\"\\\\b\" + keyword + \"\\\\b\", \"gi\");\n        formattedSQL = formattedSQL.replace(regex, \"\\n\" + indentChar + (uppercase ? keyword.toUpperCase() : keyword.toLowerCase()));\n      //formattedSQL = formattedSQL.replace(regex, match => \\n${indentChar}${uppercase ? match.toUpperCase() : match.toLowerCase()});\n    });\n\n    // Remove any extra newlines\n    formattedSQL = formattedSQL.replace(/\\n\\s*\\n/g, \"\\n\").trim();\n\n    return formattedSQL;",
+                "parameters": []
+              },
+              "dataSourceId": "1b9a532d-0743-4533-9eed-ed6069c22962",
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "createdAt": "2024-11-08T00:50:16.568Z",
+              "updatedAt": "2024-11-08T00:50:16.568Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "df7de1d1-9514-4af1-8434-20927372a79e",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-08T00:50:16.574Z",
+              "updatedAt": "2024-11-08T00:50:16.574Z"
+            },
+            {
+              "id": "1b9a532d-0743-4533-9eed-ed6069c22962",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-08T00:50:16.581Z",
+              "updatedAt": "2024-11-08T00:50:16.581Z"
+            },
+            {
+              "id": "a2a47290-417b-4193-9cda-e059fd75ede0",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-08T00:50:16.588Z",
+              "updatedAt": "2024-11-08T00:50:16.588Z"
+            },
+            {
+              "id": "afb2c957-1f46-43bc-89b9-ee539eab0a67",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-08T00:50:16.595Z",
+              "updatedAt": "2024-11-08T00:50:16.595Z"
+            },
+            {
+              "id": "7e508dee-8d63-4ae7-827b-1c8bf6b3fc02",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-08T00:50:16.602Z",
+              "updatedAt": "2024-11-08T00:50:16.602Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "0abcfe33-5d73-42b9-86d4-c25f5a8f0063",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#2f3c4c",
+                "backgroundFxQuery": "#2f3c4c",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "913f1672-07b2-406d-b365-0bd551a6c131",
+              "appId": "630d4222-87c7-4e75-a155-3978b96d8f13",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-11-08T00:50:16.563Z",
+              "updatedAt": "2024-12-03T23:24:54.046Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "c0708c80-a679-4dc7-99e4-60d78f6d52e7",
+              "dataSourceId": "df7de1d1-9514-4af1-8434-20927372a79e",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.579Z",
+              "updatedAt": "2024-11-08T00:50:16.579Z"
+            },
+            {
+              "id": "d31dc22a-2f4c-4daa-878c-84ba66c89347",
+              "dataSourceId": "df7de1d1-9514-4af1-8434-20927372a79e",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.579Z",
+              "updatedAt": "2024-11-08T00:50:16.579Z"
+            },
+            {
+              "id": "cabf9f01-206a-46ae-ba3f-35a9644d0f41",
+              "dataSourceId": "df7de1d1-9514-4af1-8434-20927372a79e",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.579Z",
+              "updatedAt": "2024-11-08T00:50:16.579Z"
+            },
+            {
+              "id": "56db59c0-09f0-44cd-afa9-9a5a465d0370",
+              "dataSourceId": "1b9a532d-0743-4533-9eed-ed6069c22962",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.586Z",
+              "updatedAt": "2024-11-08T00:50:16.586Z"
+            },
+            {
+              "id": "bc10521f-11f5-4a69-a710-aa674703f5fe",
+              "dataSourceId": "1b9a532d-0743-4533-9eed-ed6069c22962",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.586Z",
+              "updatedAt": "2024-11-08T00:50:16.586Z"
+            },
+            {
+              "id": "13024123-9656-4cf5-a3db-7d718d95ebbe",
+              "dataSourceId": "1b9a532d-0743-4533-9eed-ed6069c22962",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.586Z",
+              "updatedAt": "2024-11-08T00:50:16.586Z"
+            },
+            {
+              "id": "7bd65198-f6a9-4998-b859-3b46f6ca7801",
+              "dataSourceId": "a2a47290-417b-4193-9cda-e059fd75ede0",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.593Z",
+              "updatedAt": "2024-11-08T00:50:16.593Z"
+            },
+            {
+              "id": "b46a3c10-9c72-4e5f-ab06-015a15f6f760",
+              "dataSourceId": "a2a47290-417b-4193-9cda-e059fd75ede0",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.593Z",
+              "updatedAt": "2024-11-08T00:50:16.593Z"
+            },
+            {
+              "id": "a57f71d3-a01c-4a69-945d-9e5d18beebc1",
+              "dataSourceId": "a2a47290-417b-4193-9cda-e059fd75ede0",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.593Z",
+              "updatedAt": "2024-11-08T00:50:16.593Z"
+            },
+            {
+              "id": "9b596aaf-f37f-41b9-b073-011904810ba0",
+              "dataSourceId": "afb2c957-1f46-43bc-89b9-ee539eab0a67",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.600Z",
+              "updatedAt": "2024-11-08T00:50:16.600Z"
+            },
+            {
+              "id": "7ad8fb02-7e60-4c72-ba68-e3eff25b5f22",
+              "dataSourceId": "afb2c957-1f46-43bc-89b9-ee539eab0a67",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.600Z",
+              "updatedAt": "2024-11-08T00:50:16.600Z"
+            },
+            {
+              "id": "4a545241-9765-4d78-b728-97f6709098d1",
+              "dataSourceId": "afb2c957-1f46-43bc-89b9-ee539eab0a67",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.600Z",
+              "updatedAt": "2024-11-08T00:50:16.600Z"
+            },
+            {
+              "id": "4c51a94b-beea-4fad-8174-6919116dc763",
+              "dataSourceId": "7e508dee-8d63-4ae7-827b-1c8bf6b3fc02",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.607Z",
+              "updatedAt": "2024-11-08T00:50:16.607Z"
+            },
+            {
+              "id": "222c8d00-ba5c-4f74-a594-33816608b448",
+              "dataSourceId": "7e508dee-8d63-4ae7-827b-1c8bf6b3fc02",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.607Z",
+              "updatedAt": "2024-11-08T00:50:16.607Z"
+            },
+            {
+              "id": "494de219-bc90-4300-b146-44c01185223c",
+              "dataSourceId": "7e508dee-8d63-4ae7-827b-1c8bf6b3fc02",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-08T00:50:16.607Z",
+              "updatedAt": "2024-11-08T00:50:16.607Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/sql-query-formatter/manifest.json b/server/templates/sql-query-formatter/manifest.json
new file mode 100644
index 0000000000..dfc51957cf
--- /dev/null
+++ b/server/templates/sql-query-formatter/manifest.json
@@ -0,0 +1,16 @@
+{
+    "name": "SQL query formatter",
+    "description": "Format SQL queries for better readability and understanding, with customizable styling options to suit different coding preferences and standards.",
+    "widgets": [
+        "Table",
+        "Container"
+    ],
+    "sources": [
+        {
+            "name": "Run JavaScript",
+            "id": "runjs"
+        }
+    ],
+    "id": "sql-query-formatter",
+    "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/strong-password-generator/definition.json b/server/templates/strong-password-generator/definition.json
new file mode 100644
index 0000000000..5c52466201
--- /dev/null
+++ b/server/templates/strong-password-generator/definition.json
@@ -0,0 +1,1397 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "f8588b7c-f520-4685-b89d-d5e760c009da",
+          "name": "strong-password-generator-final",
+          "slug": "f8588b7c-f520-4685-b89d-d5e760c009da",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "server",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-22T23:17:15.624Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-22T23:17:15.845Z",
+          "editingVersion": {
+            "id": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+            "appId": "f8588b7c-f520-4685-b89d-d5e760c009da",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-22T23:17:15.636Z",
+            "updatedAt": "2024-12-03T22:30:54.883Z"
+          },
+          "components": [
+            {
+              "id": "acf1371f-9309-420b-a79c-a3bb8f3cbe57",
+              "name": "checkbox1",
+              "type": "Checkbox",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "A-Z"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "7e105db3-e95d-4598-a333-e6debdab8eac",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 13,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "acf1371f-9309-420b-a79c-a3bb8f3cbe57",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:41.146Z"
+                },
+                {
+                  "id": "f0219e60-20c0-4d83-9f2b-c10effb31b27",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 5,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "acf1371f-9309-420b-a79c-a3bb8f3cbe57",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                }
+              ]
+            },
+            {
+              "id": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "fxActive": false,
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-12-03T22:28:41.468Z",
+              "layouts": [
+                {
+                  "id": "0924d546-7242-4391-b859-5538d2b34eca",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 15,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "339ec2f0-d417-4eb5-be10-bb5059f5452a",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 1,
+                  "width": 41,
+                  "height": 540,
+                  "componentId": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:28:26.700Z"
+                }
+              ]
+            },
+            {
+              "id": "b77f1160-3b40-4e4c-a471-b3fb1110a78c",
+              "name": "numberInput1",
+              "type": "NumberInput",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "Password Length"
+                },
+                "value": {
+                  "value": "8"
+                },
+                "placeholder": {
+                  "value": "0"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "8"
+                },
+                "maxValue": {
+                  "value": "64"
+                }
+              },
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-23T00:19:09.212Z",
+              "layouts": [
+                {
+                  "id": "3608107d-5a03-473e-b8fc-cc9fddd41cee",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 4,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "b77f1160-3b40-4e4c-a471-b3fb1110a78c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "cc659df4-1f7f-49d2-8f3b-f16c63f0dfc7",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 1,
+                  "width": 11,
+                  "height": 30,
+                  "componentId": "b77f1160-3b40-4e4c-a471-b3fb1110a78c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:43.892Z"
+                }
+              ]
+            },
+            {
+              "id": "89011e28-c048-483c-8afb-5ac873137c5d",
+              "name": "checkbox2",
+              "type": "Checkbox",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "a-z"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d78147e0-ba31-4832-8caa-4e3614d1b45d",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 5,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "89011e28-c048-483c-8afb-5ac873137c5d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "a435753b-3bda-4e33-85f0-d228401c3645",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 16,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "89011e28-c048-483c-8afb-5ac873137c5d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:38.799Z"
+                }
+              ]
+            },
+            {
+              "id": "ebcccd3b-13a9-46e7-8d8c-51ded3fdb8a2",
+              "name": "divider1",
+              "type": "Divider",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-22T23:17:15.641Z",
+              "layouts": [
+                {
+                  "id": "5b578250-996f-4b93-98cd-c14c99f3c8b3",
+                  "type": "desktop",
+                  "top": 280,
+                  "left": 1,
+                  "width": 41,
+                  "height": 10,
+                  "componentId": "ebcccd3b-13a9-46e7-8d8c-51ded3fdb8a2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:28:06.760Z"
+                },
+                {
+                  "id": "f4eeb7cf-d194-4e5a-908d-318335a4af2d",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 15,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "ebcccd3b-13a9-46e7-8d8c-51ded3fdb8a2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                }
+              ]
+            },
+            {
+              "id": "11c33509-dc4b-48f5-b4e4-6620634782b7",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": "Password Rule"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "center"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-22T23:17:15.641Z",
+              "layouts": [
+                {
+                  "id": "2cfe356f-2868-4e90-963e-dce6040b7107",
+                  "type": "desktop",
+                  "top": 240,
+                  "left": 17,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "11c33509-dc4b-48f5-b4e4-6620634782b7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:28:19.350Z"
+                },
+                {
+                  "id": "aeec48b1-ea37-419c-b53a-ac8c85f0319c",
+                  "type": "mobile",
+                  "top": 250,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "11c33509-dc4b-48f5-b4e4-6620634782b7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                }
+              ]
+            },
+            {
+              "id": "f200c384-745a-4919-ab43-aa95886ae72f",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": "Generate Password"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "fxActive": true,
+                  "value": "#3E63DD"
+                },
+                "textColor": {
+                  "fxActive": true,
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{8}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e7880f36-c21a-4788-9103-c0b20694fa32",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 26,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "f200c384-745a-4919-ab43-aa95886ae72f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:29:24.243Z"
+                },
+                {
+                  "id": "5ea6250a-3a31-418a-abc8-1e4cf6a6b8c5",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 7,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "f200c384-745a-4919-ab43-aa95886ae72f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                }
+              ]
+            },
+            {
+              "id": "4d186e54-9998-42d2-8a60-1cdf43b426e9",
+              "name": "checkbox3",
+              "type": "Checkbox",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "0-9"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "9ea5207f-19a3-4645-b960-ff864cfd0c9a",
+                  "type": "mobile",
+                  "top": 200,
+                  "left": 3,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "4d186e54-9998-42d2-8a60-1cdf43b426e9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "52a21def-0b40-4c65-805a-ff1065b3f4c6",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 19,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "4d186e54-9998-42d2-8a60-1cdf43b426e9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:30.820Z"
+                }
+              ]
+            },
+            {
+              "id": "429d51c9-5c39-4ce1-af8d-05adce09b0b1",
+              "name": "checkbox4",
+              "type": "Checkbox",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "Special characters"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "87c6b349-9ad9-49e6-bb4c-504aa0e5237f",
+                  "type": "mobile",
+                  "top": 250,
+                  "left": 3,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "429d51c9-5c39-4ce1-af8d-05adce09b0b1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "62e08d97-81d2-4a5a-8c75-da444f3c56e1",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 22,
+                  "width": 7,
+                  "height": 30,
+                  "componentId": "429d51c9-5c39-4ce1-af8d-05adce09b0b1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:37.050Z"
+                }
+              ]
+            },
+            {
+              "id": "20439db0-aef4-4b24-9d72-8196ab998884",
+              "name": "checkbox5",
+              "type": "Checkbox",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "label": {
+                  "value": "Avoid Ambiguous Characters (1,l,I,o,O,0)"
+                },
+                "defaultValue": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "a3b1d36d-4033-4499-b068-d0f09b9f1cb7",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 21,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "20439db0-aef4-4b24-9d72-8196ab998884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "c1ff0e0e-635e-4df4-966d-7cc7be7eeffd",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 29,
+                  "width": 13,
+                  "height": 30,
+                  "componentId": "20439db0-aef4-4b24-9d72-8196ab998884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:26.658Z"
+                }
+              ]
+            },
+            {
+              "id": "6a1f870a-65a7-4c65-bf0e-548181fe24c9",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": ""
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "fxActive": false,
+                  "value": "#000000"
+                },
+                "borderColor": {
+                  "value": "#D9D9D9",
+                  "fxActive": true
+                },
+                "borderRadius": {
+                  "value": "5"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-12-03T22:33:20.264Z",
+              "layouts": [
+                {
+                  "id": "25540520-3448-48ae-a6d7-c6be7c552685",
+                  "type": "mobile",
+                  "top": 440,
+                  "left": 10,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6a1f870a-65a7-4c65-bf0e-548181fe24c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "b0756bdb-1022-4e4c-a521-bd3c52c72e72",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 11,
+                  "width": 14,
+                  "height": 40,
+                  "componentId": "6a1f870a-65a7-4c65-bf0e-548181fe24c9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:12.519Z"
+                }
+              ]
+            },
+            {
+              "id": "495576be-f1db-4baa-b523-cb163555b884",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": "Copy"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "fxActive": true,
+                  "value": "#2F4BA0"
+                },
+                "borderRadius": {
+                  "value": "{{8}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2616fb4b-88f4-495d-95a1-21561069ddeb",
+                  "type": "mobile",
+                  "top": 540,
+                  "left": 9,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "495576be-f1db-4baa-b523-cb163555b884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "7886020f-7a0a-4e5f-81d7-4a33a79c828a",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 36,
+                  "width": 3,
+                  "height": 40,
+                  "componentId": "495576be-f1db-4baa-b523-cb163555b884",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:12.519Z"
+                }
+              ]
+            },
+            {
+              "id": "fad10040-a4da-4ac6-af09-a1e9b4ba6cf4",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": "Strong Password Generator"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "25"
+                },
+                "backgroundColor": {
+                  "fxActive": false,
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#000000"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-10-22T23:17:15.641Z",
+              "updatedAt": "2024-12-03T22:26:30.821Z",
+              "layouts": [
+                {
+                  "id": "d296fe71-d14d-43be-8d34-70c8068f5fc8",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 16,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "fad10040-a4da-4ac6-af09-a1e9b4ba6cf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "a663bebc-83e6-4290-ac51-95d785d7912a",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 8,
+                  "width": 26,
+                  "height": 50,
+                  "componentId": "fad10040-a4da-4ac6-af09-a1e9b4ba6cf4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                }
+              ]
+            },
+            {
+              "id": "2d9d28c9-864b-468d-8ec7-ed432352db6d",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "parent": "3fb4cefe-b40d-45af-9f30-3a0970c4518f",
+              "properties": {
+                "text": {
+                  "value": "Generate Password"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "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-10-22T23:17:15.641Z",
+              "updatedAt": "2024-12-03T22:33:10.998Z",
+              "layouts": [
+                {
+                  "id": "fbf29ffa-539c-4e05-9589-0cbc0ba01cb6",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "2d9d28c9-864b-468d-8ec7-ed432352db6d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-22T23:17:15.641Z"
+                },
+                {
+                  "id": "83bb1618-ed71-4fd3-8631-f2ee4ee4bbef",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 4,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "2d9d28c9-864b-468d-8ec7-ed432352db6d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-03T22:27:12.519Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-22T23:17:15.641Z",
+              "autoComputeLayout": true,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "282901aa-4a89-47d7-9582-233b90a3c51d",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "dd4cb728-a172-48c9-9e6f-2792dd5388c2",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "passwordgenerator",
+                "parameters": {}
+              },
+              "sourceId": "f200c384-745a-4919-ab43-aa95886ae72f",
+              "target": "component",
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-22T23:17:15.822Z"
+            },
+            {
+              "id": "d002d4ee-87f0-482c-97c0-cbb3be3aabfa",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "f7e68f2a-63cf-4934-8f27-8e23d54914ff",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "copyPassword",
+                "parameters": {}
+              },
+              "sourceId": "495576be-f1db-4baa-b523-cb163555b884",
+              "target": "component",
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-22T23:17:15.827Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "dd4cb728-a172-48c9-9e6f-2792dd5388c2",
+              "name": "passwordgenerator",
+              "options": {
+                "code": "const uppercaseChars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\nconst lowercaseChars = \"abcdefghijklmnopqrstuvwxyz\";\nconst numberChars = \"0123456789\";\nconst specialChars = \"!@#$%^&*()_+[]{}|;:,.<>?\";\nconst ambiguousChars = \"1lIoO0\";\n\ntry {\n  const options = {\n    includeUppercase: getComponentValue(\"checkbox1\", \"Include Uppercase\"),\n    includeLowercase: getComponentValue(\"checkbox2\", \"Include Lowercase\"),\n    includeNumbers: getComponentValue(\"checkbox3\", \"Include Numbers\"),\n    includeSpecial: getComponentValue(\n      \"checkbox4\",\n      \"Include Special Characters\"\n    ),\n    avoidAmbiguous: getComponentValue(\n      \"checkbox5\",\n      \"Avoid Ambiguous Characters\"\n    ),\n    passwordLength:\n      parseInt(getComponentValue(\"numberInput1\", \"Password Length\")) || 8,\n  };\n\n  let possibleChars = \"\";\n\n  if (options.includeUppercase) possibleChars += uppercaseChars;\n  if (options.includeLowercase) possibleChars += lowercaseChars;\n  if (options.includeNumbers) possibleChars += numberChars;\n  if (options.includeSpecial) possibleChars += specialChars;\n\n  if (options.avoidAmbiguous) {\n    possibleChars = possibleChars.replace(\n      new RegExp(`[${ambiguousChars}]`, \"g\"),\n      \"\"\n    );\n  }\n\n  if (possibleChars.length === 0) {\n    actions.showAlert(\"Please select at least one character type!\", \"error\");\n    return;\n  }\n\n  let password = \"\";\n  for (let i = 0; i < options.passwordLength; i++) {\n    const randomIndex = Math.floor(Math.random() * possibleChars.length);\n    password += possibleChars[randomIndex];\n  }\n\n  if (components.text1) {\n    components.text1.setText(password);\n  } else {\n    actions.showAlert(\"Error: Unable to display password\", \"error\");\n  }\n} catch (error) {\n  actions.showAlert(`Error generating password: ${error.message}`, \"error\");\n}\n\nfunction getComponentValue(componentName, description) {\n  if (components[componentName]) {\n    return components[componentName].value;\n  } else {\n    actions.showAlert(`Component ${description} not found`, \"warning\");\n  }\n}\n",
+                "parameters": []
+              },
+              "dataSourceId": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-23T01:23:44.083Z"
+            },
+            {
+              "id": "f7e68f2a-63cf-4934-8f27-8e23d54914ff",
+              "name": "copyPassword",
+              "options": {
+                "code": "const password = components.text1.text;\nif (password) {\n  actions.copyToClipboard(password);\n  actions.showAlert(\"Password copied to clipboard!\", \"success\");\n} else {\n  actions.showAlert(\"No password to copy.\", \"warning\");\n}\n",
+                "parameters": []
+              },
+              "dataSourceId": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "createdAt": "2024-10-22T23:17:15.641Z",
+              "updatedAt": "2024-10-23T01:01:14.773Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "5e0d0d4e-4e50-4325-b056-992ac9688c06",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T23:17:15.645Z",
+              "updatedAt": "2024-10-22T23:17:15.645Z"
+            },
+            {
+              "id": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T23:17:15.651Z",
+              "updatedAt": "2024-10-22T23:17:15.651Z"
+            },
+            {
+              "id": "a1001c10-8cb9-4690-b368-7b3248b0599b",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T23:17:15.656Z",
+              "updatedAt": "2024-10-22T23:17:15.656Z"
+            },
+            {
+              "id": "0ecc12df-79ed-4ecf-849c-ad342970828b",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T23:17:15.662Z",
+              "updatedAt": "2024-10-22T23:17:15.662Z"
+            },
+            {
+              "id": "0a938b61-51b3-49d0-90ed-441e32196678",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-22T23:17:15.667Z",
+              "updatedAt": "2024-10-22T23:17:15.667Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "e8f8a3d5-8b51-44ce-af66-d0668b41b3e0",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "9bb8b35e-bab9-4e22-95c9-640e65363073",
+              "appId": "f8588b7c-f520-4685-b89d-d5e760c009da",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-22T23:17:15.636Z",
+              "updatedAt": "2024-12-03T22:30:54.883Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "5b737dfd-0f82-4b35-bedf-8e5ddfb6a1e0",
+              "dataSourceId": "5e0d0d4e-4e50-4325-b056-992ac9688c06",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.650Z",
+              "updatedAt": "2024-10-22T23:17:15.650Z"
+            },
+            {
+              "id": "5c3f6375-5d4e-40b5-b900-f190031035f1",
+              "dataSourceId": "5e0d0d4e-4e50-4325-b056-992ac9688c06",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.650Z",
+              "updatedAt": "2024-10-22T23:17:15.650Z"
+            },
+            {
+              "id": "e257e8c0-0971-42e0-9d5c-36fe2e840616",
+              "dataSourceId": "5e0d0d4e-4e50-4325-b056-992ac9688c06",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.650Z",
+              "updatedAt": "2024-10-22T23:17:15.650Z"
+            },
+            {
+              "id": "d4b87cc9-70fe-4930-af98-be42fc66eb3e",
+              "dataSourceId": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.655Z",
+              "updatedAt": "2024-10-22T23:17:15.655Z"
+            },
+            {
+              "id": "af00ba99-360b-48d1-915a-b4a1bace1305",
+              "dataSourceId": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.655Z",
+              "updatedAt": "2024-10-22T23:17:15.655Z"
+            },
+            {
+              "id": "5153f641-2a61-46ad-9e47-36ddbfceab50",
+              "dataSourceId": "fd758f92-d663-470c-b2e2-818f0b02bb94",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.655Z",
+              "updatedAt": "2024-10-22T23:17:15.655Z"
+            },
+            {
+              "id": "6ca7f58a-1e8e-41e6-bbb8-d33a4e4b5374",
+              "dataSourceId": "a1001c10-8cb9-4690-b368-7b3248b0599b",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.660Z",
+              "updatedAt": "2024-10-22T23:17:15.660Z"
+            },
+            {
+              "id": "dbfce3fc-89fa-4b63-9e2d-f0f7e70bab30",
+              "dataSourceId": "a1001c10-8cb9-4690-b368-7b3248b0599b",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.660Z",
+              "updatedAt": "2024-10-22T23:17:15.660Z"
+            },
+            {
+              "id": "f9aa4371-1146-4048-96e1-41be7df694f8",
+              "dataSourceId": "a1001c10-8cb9-4690-b368-7b3248b0599b",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.660Z",
+              "updatedAt": "2024-10-22T23:17:15.660Z"
+            },
+            {
+              "id": "2347068a-8750-48e6-83d9-3ae86ed0c139",
+              "dataSourceId": "0ecc12df-79ed-4ecf-849c-ad342970828b",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.665Z",
+              "updatedAt": "2024-10-22T23:17:15.665Z"
+            },
+            {
+              "id": "eab556b6-cc7e-48b9-b44d-5fb64515ef4a",
+              "dataSourceId": "0ecc12df-79ed-4ecf-849c-ad342970828b",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.665Z",
+              "updatedAt": "2024-10-22T23:17:15.665Z"
+            },
+            {
+              "id": "b37461cc-f1c2-41fd-b751-abbde03c4299",
+              "dataSourceId": "0ecc12df-79ed-4ecf-849c-ad342970828b",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.665Z",
+              "updatedAt": "2024-10-22T23:17:15.665Z"
+            },
+            {
+              "id": "91afbb61-edba-4687-bd5d-2ee86f1da53b",
+              "dataSourceId": "0a938b61-51b3-49d0-90ed-441e32196678",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.672Z",
+              "updatedAt": "2024-10-22T23:17:15.672Z"
+            },
+            {
+              "id": "aab94cb1-6897-4ba3-b2dc-12410903a81e",
+              "dataSourceId": "0a938b61-51b3-49d0-90ed-441e32196678",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.672Z",
+              "updatedAt": "2024-10-22T23:17:15.672Z"
+            },
+            {
+              "id": "515192c2-620a-4eb9-b433-38178802c706",
+              "dataSourceId": "0a938b61-51b3-49d0-90ed-441e32196678",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-22T23:17:15.672Z",
+              "updatedAt": "2024-10-22T23:17:15.672Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/strong-password-generator/manifest.json b/server/templates/strong-password-generator/manifest.json
new file mode 100644
index 0000000000..a70b571d67
--- /dev/null
+++ b/server/templates/strong-password-generator/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Strong password generator",
+  "description": "Generate secure passwords with adjustable strength and complexity for personal or team use.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "strong-password-generator",
+  "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/student-attendance-tracker/definition.json b/server/templates/student-attendance-tracker/definition.json
new file mode 100644
index 0000000000..c2d71d62cb
--- /dev/null
+++ b/server/templates/student-attendance-tracker/definition.json
@@ -0,0 +1,2168 @@
+{
+  "tooljet_database": [
+    {
+      "id": "85d9b567-333f-44e9-8d72-e8aeef2a8ee3",
+      "table_name": "students_details",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "student_id",
+            "data_type": "integer",
+            "column_default": "nextval(\"85d9b567-333f-44e9-8d72-e8aeef2a8ee3_student_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "mobile",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "course_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    },
+    {
+      "id": "b5bee0e7-84b7-4517-96f8-2286579bc2f2",
+      "table_name": "attendance_table",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "attendance_id",
+            "data_type": "integer",
+            "column_default": "nextval(\"b5bee0e7-84b7-4517-96f8-2286579bc2f2_attendance_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "student_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "mobile",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "course_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "status",
+            "data_type": "boolean",
+            "column_default": "false",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "attendance_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": [
+          {
+            "referenced_table_name": "students_details",
+            "constraint_name": "FK_a2999031ef681d34c500bcc4078",
+            "column_names": [
+              "student_id"
+            ],
+            "referenced_column_names": [
+              "student_id"
+            ],
+            "on_update": "RESTRICT",
+            "on_delete": "RESTRICT",
+            "referenced_table_id": "85d9b567-333f-44e9-8d72-e8aeef2a8ee3"
+          }
+        ]
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "5eca11b7-295f-4fce-978b-d72bdd288683",
+          "name": "student-attendance-tracker-final",
+          "slug": "5eca11b7-295f-4fce-978b-d72bdd288683",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "table",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-23T04:48:23.237Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-23T04:48:23.563Z",
+          "editingVersion": {
+            "id": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+            "appId": "5eca11b7-295f-4fce-978b-d72bdd288683",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-23T04:48:23.250Z",
+            "updatedAt": "2024-12-02T22:33:39.742Z"
+          },
+          "components": [
+            {
+              "id": "c1ce6a99-7170-488e-9d3c-6bc8ac5c89ce",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#bd10e0ff"
+                },
+                "borderRadius": {
+                  "value": "8"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:57:15.442Z",
+              "layouts": [
+                {
+                  "id": "b0fd846a-927d-4e40-b4a2-3136879cb9c6",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 25,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "c1ce6a99-7170-488e-9d3c-6bc8ac5c89ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "bd197d71-ce4f-498d-8254-787423962828",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 80,
+                  "componentId": "c1ce6a99-7170-488e-9d3c-6bc8ac5c89ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:56:54.075Z"
+                }
+              ]
+            },
+            {
+              "id": "a0f1090c-44d6-4920-a65a-08b285b41a75",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "c1ce6a99-7170-488e-9d3c-6bc8ac5c89ce",
+              "properties": {
+                "text": {
+                  "value": "Student Attendance Record"
+                },
+                "textFormat": {
+                  "value": "html"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:56:21.779Z",
+              "layouts": [
+                {
+                  "id": "e111c309-6a2b-4d66-98cd-78dd43383247",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 35,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a0f1090c-44d6-4920-a65a-08b285b41a75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "eb6921bc-6096-47e0-970c-03a00c2ce7cd",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 21,
+                  "width": 21,
+                  "height": 50,
+                  "componentId": "a0f1090c-44d6-4920-a65a-08b285b41a75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:57:03.029Z"
+                }
+              ]
+            },
+            {
+              "id": "f8ffb43e-5491-4209-ae4b-aec92aabba0c",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "properties": {
+                "text": {
+                  "value": "Marking attendance for students of"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:49:40.263Z",
+              "layouts": [
+                {
+                  "id": "ef71aa1a-d517-4a23-92ab-4ff032a2ff67",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 36,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "f8ffb43e-5491-4209-ae4b-aec92aabba0c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "00ce674a-bcb0-4baa-a21f-ffd47eed9c89",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 28,
+                  "height": 40,
+                  "componentId": "f8ffb43e-5491-4209-ae4b-aec92aabba0c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:57:32.916Z"
+                }
+              ]
+            },
+            {
+              "id": "46efdadd-5c70-46b8-a417-80f112b13b58",
+              "name": "courseDropdown",
+              "type": "DropDown",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "properties": {
+                "label": {
+                  "value": "Course"
+                },
+                "value": {
+                  "value": "Computer Science"
+                },
+                "values": {
+                  "value": "{{['Electronics Technology','Electrical Engineering','Computer Science','Mechanical Engineering']}}"
+                },
+                "display_values": {
+                  "value": "{{['Electronics Technology','Electrical Engineering','Computer Science','Mechanical Engineering']}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:49:51.708Z",
+              "layouts": [
+                {
+                  "id": "ba442dc1-e679-4488-8341-0be8f82de249",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 3,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "46efdadd-5c70-46b8-a417-80f112b13b58",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "72c544ed-3baf-4eb6-8bb1-bc356af2769d",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 1,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "46efdadd-5c70-46b8-a417-80f112b13b58",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:51:26.857Z"
+                }
+              ]
+            },
+            {
+              "id": "8ed60ad6-65d7-44cf-8359-24661e613872",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "properties": {
+                "text": {
+                  "value": "On"
+                }
+              },
+              "general": {},
+              "styles": {
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "right"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:50:06.540Z",
+              "layouts": [
+                {
+                  "id": "67b6965b-d467-4b63-84f0-f632ab9a7817",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 11,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8ed60ad6-65d7-44cf-8359-24661e613872",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "30f6ac95-94e1-47f0-9309-2efd3613c545",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 18,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "8ed60ad6-65d7-44cf-8359-24661e613872",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:51:29.376Z"
+                }
+              ]
+            },
+            {
+              "id": "ba8f874e-a1a8-448c-93c2-d0a6bdb381e6",
+              "name": "attendance_date",
+              "type": "Datepicker",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{moment().format(\"DD/MM/YYYY\").toString()}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:50:32.961Z",
+              "layouts": [
+                {
+                  "id": "3290749a-fb52-4f3d-a8db-3cb44daba063",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 12,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "ba8f874e-a1a8-448c-93c2-d0a6bdb381e6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "8537f3bc-0649-4386-9d1e-83cd9ece4b0e",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 20,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "ba8f874e-a1a8-448c-93c2-d0a6bdb381e6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:51:31.460Z"
+                }
+              ]
+            },
+            {
+              "id": "4f030c31-7b4e-40c1-9bb3-6109574ac32e",
+              "name": "getStudent_btn",
+              "type": "Button",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "properties": {
+                "text": {
+                  "value": "Get Students"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderColor": {
+                  "value": "#bd10e0ff"
+                },
+                "textColor": {
+                  "value": "#bd10e0ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "4eb12f68-cd55-4474-b39c-957b25a097cf",
+                  "type": "mobile",
+                  "top": 300,
+                  "left": 18,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "4f030c31-7b4e-40c1-9bb3-6109574ac32e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "d106ca25-2217-475d-9abf-44edc68cffcc",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 31,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "4f030c31-7b4e-40c1-9bb3-6109574ac32e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:51:34.351Z"
+                }
+              ]
+            },
+            {
+              "id": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#bd10e0ff"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z",
+              "layouts": [
+                {
+                  "id": "2726e439-41da-49a5-b70f-4354268d9ad5",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 14,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "a1a6afdb-388c-41ec-930a-5a7f7f4b4604",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 1,
+                  "width": 23,
+                  "height": 120,
+                  "componentId": "07f6c616-c8f9-46a7-ba47-14b8d748cdec",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:53:57.902Z"
+                }
+              ]
+            },
+            {
+              "id": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#bd10e0ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z",
+              "layouts": [
+                {
+                  "id": "9cf9f277-bd85-4b93-9bf1-f95c31c7eec7",
+                  "type": "mobile",
+                  "top": 250,
+                  "left": 35,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "8ce28cc2-b61b-4e63-96f6-e281e601dae3",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 25,
+                  "width": 17,
+                  "height": 120,
+                  "componentId": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:54:01.696Z"
+                }
+              ]
+            },
+            {
+              "id": "a6463475-33da-4f40-8baf-5b3a8cc86b13",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "Absents"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:59:02.522Z",
+              "layouts": [
+                {
+                  "id": "7a0f1ffb-3738-49e7-9f7c-9c82dea2ade8",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a6463475-33da-4f40-8baf-5b3a8cc86b13",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "54e6cf05-37a5-4c82-9125-dbd70a6eb2f1",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 32,
+                  "width": 8,
+                  "height": 50,
+                  "componentId": "a6463475-33da-4f40-8baf-5b3a8cc86b13",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:58:23.407Z"
+                }
+              ]
+            },
+            {
+              "id": "a16efba4-8fef-4e0e-8d56-24faf8e1b29a",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "Total Students"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:59:05.178Z",
+              "layouts": [
+                {
+                  "id": "820a6d86-21ac-4b22-87d8-a68a6f883320",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a16efba4-8fef-4e0e-8d56-24faf8e1b29a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "feacf675-46f1-44f2-93db-86c3d7db067f",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 9,
+                  "height": 50,
+                  "componentId": "a16efba4-8fef-4e0e-8d56-24faf8e1b29a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:57:49.927Z"
+                }
+              ]
+            },
+            {
+              "id": "fd0f5bc7-4d38-4134-821a-e2702d40030b",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "Present"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:59:00.660Z",
+              "layouts": [
+                {
+                  "id": "d12ba523-ba7e-4e7a-baad-53d34e256cf5",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "fd0f5bc7-4d38-4134-821a-e2702d40030b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "fa0cae17-95f1-4d4e-9d26-7cc7686c724a",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 17,
+                  "width": 8,
+                  "height": 50,
+                  "componentId": "fd0f5bc7-4d38-4134-821a-e2702d40030b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:58:21.449Z"
+                }
+              ]
+            },
+            {
+              "id": "76372171-18d4-40b5-a0bf-d1103933171c",
+              "name": "absentStd",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "{{queries.studentAnalytics.data.absent || 0}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textSize": {
+                  "value": "24"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "textColor": {
+                  "value": "#d0021bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:53:02.638Z",
+              "layouts": [
+                {
+                  "id": "c036bedc-4720-4d08-986c-be0374de6fa1",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "76372171-18d4-40b5-a0bf-d1103933171c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "08f07154-529c-410f-a97d-9d35cb2cd350",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 32,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "76372171-18d4-40b5-a0bf-d1103933171c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:58:05.569Z"
+                }
+              ]
+            },
+            {
+              "id": "97386df4-2e91-4348-93ea-e80073e44dcf",
+              "name": "totalStd",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "{{queries.studentAnalytics.data.total || 0}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textColor": {
+                  "value": "#bd10e0ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:52:16.641Z",
+              "layouts": [
+                {
+                  "id": "137d1221-785f-4637-bc5b-8c21ab8d5e88",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "97386df4-2e91-4348-93ea-e80073e44dcf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "621cb682-d87a-478c-9ca3-bdff8c944e43",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "97386df4-2e91-4348-93ea-e80073e44dcf",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:57:52.676Z"
+                }
+              ]
+            },
+            {
+              "id": "06b3bd2e-ff2d-4afb-9786-5a1235f169d0",
+              "name": "presentStd",
+              "type": "Text",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "a70c0ddb-c98b-4d50-95c5-40c94fd42c73",
+              "properties": {
+                "text": {
+                  "value": "{{queries.studentAnalytics.data.present || 0}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textColor": {
+                  "value": "#7ed321ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:52:53.251Z",
+              "layouts": [
+                {
+                  "id": "da475d9f-0bc1-44d4-b7ad-622007caa686",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "06b3bd2e-ff2d-4afb-9786-5a1235f169d0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "3596ad47-3497-405c-bf2e-45eebabda74c",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 17,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "06b3bd2e-ff2d-4afb-9786-5a1235f169d0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:53:27.692Z"
+                }
+              ]
+            },
+            {
+              "id": "202dce45-07c4-49ae-ad77-aa80beef65d7",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": null,
+              "properties": {
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 30,
+                      "columnType": "string",
+                      "key": "student_id"
+                    },
+                    {
+                      "name": "name",
+                      "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 130,
+                      "columnType": "string",
+                      "key": "name"
+                    },
+                    {
+                      "name": "email",
+                      "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 230,
+                      "columnType": "string",
+                      "key": "email"
+                    },
+                    {
+                      "id": "89ea5b66-9cd8-4078-b86a-b8f02ab5a1f2",
+                      "name": "mobile",
+                      "key": "mobile",
+                      "columnType": "number",
+                      "autogenerated": true
+                    },
+                    {
+                      "name": "present today?",
+                      "id": "f31be3c1-27b3-43c9-8aac-1dd6fc468906",
+                      "isEditable": "{{true}}",
+                      "fxActiveFields": [],
+                      "columnType": "boolean",
+                      "key": "status",
+                      "transformation": "{{cellValue}}"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "date",
+                    "interest",
+                    "attendance_id",
+                    "mobil",
+                    "course_name",
+                    "attendance_date",
+                    null
+                  ]
+                },
+                "displaySearchBox": {
+                  "value": "{{false}}"
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "showFilterButton": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 251,
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 298,
+                    "9c2e3c40572a4aefb8e179ee39a0e1ac9dc2b2e6634be56e1c05be13c3d1de56": 227,
+                    "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 81,
+                    "89ea5b66-9cd8-4078-b86a-b8f02ab5a1f2": 212
+                  }
+                },
+                "data": {
+                  "value": "{{queries.addStdAttendance.data.length>0 ? queries.addStdAttendance.data: queries.listStudents.data}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                },
+                "actions": {
+                  "value": []
+                },
+                "serverSidePagination": {
+                  "value": false
+                },
+                "loadingState": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z",
+              "layouts": [
+                {
+                  "id": "0f3f5fa4-12e2-461d-b034-3e076e2cd30d",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 2,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "202dce45-07c4-49ae-ad77-aa80beef65d7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:48:23.255Z"
+                },
+                {
+                  "id": "29e57e2f-bc31-4c0b-8fae-0f44c063da17",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 1,
+                  "width": 41,
+                  "height": 610,
+                  "componentId": "202dce45-07c4-49ae-ad77-aa80beef65d7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:54:07.579Z"
+                }
+              ]
+            },
+            {
+              "id": "88539432-7e7e-4446-8c70-ae3eacdc07fb",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "parent": "c1ce6a99-7170-488e-9d3c-6bc8ac5c89ce",
+              "properties": {
+                "icon": {
+                  "value": "IconUsersGroup"
+                }
+              },
+              "general": null,
+              "styles": {
+                "iconColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-23T04:54:43.113Z",
+              "updatedAt": "2024-10-23T04:55:34.408Z",
+              "layouts": [
+                {
+                  "id": "1b74209e-ce18-4447-94e5-721e68a8d175",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "88539432-7e7e-4446-8c70-ae3eacdc07fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:54:43.113Z"
+                },
+                {
+                  "id": "19d6bdfb-08bb-4aaa-9cca-f621a0e008ca",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 3,
+                  "height": 50,
+                  "componentId": "88539432-7e7e-4446-8c70-ae3eacdc07fb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-23T04:56:58.179Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z",
+              "autoComputeLayout": false,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "4b05a361-c1a6-42d0-a708-5c8f2b94775f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d76490a2-ab07-446f-adbe-a6dd63c8770c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "listStudents",
+                "parameters": {}
+              },
+              "sourceId": "4f030c31-7b4e-40c1-9bb3-6109574ac32e",
+              "target": "component",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.511Z"
+            },
+            {
+              "id": "77dddd45-6ac1-4a08-9901-8ca1edae4b8e",
+              "name": "onBulkUpdate",
+              "index": 0,
+              "event": {
+                "eventId": "onBulkUpdate",
+                "message": "Hello world!",
+                "queryId": "8d0dacfa-4134-4b91-93e7-9f55870b04c6",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "addStdAttendance",
+                "parameters": {}
+              },
+              "sourceId": "202dce45-07c4-49ae-ad77-aa80beef65d7",
+              "target": "component",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.516Z"
+            },
+            {
+              "id": "6cf1db24-cd50-462a-a459-8963d316086f",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d76490a2-ab07-446f-adbe-a6dd63c8770c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "listStudents",
+                "parameters": {}
+              },
+              "sourceId": "2c43b78e-2f07-4b91-be04-3bf76879872e",
+              "target": "data_query",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.522Z"
+            },
+            {
+              "id": "ff8a6cc7-2a2a-438a-b28e-24bb5fb6594f",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "4053d194-6eb2-4a2e-9988-881a6da7fd10",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "studentAnalytics",
+                "runOnlyIf": "",
+                "parameters": {}
+              },
+              "sourceId": "d76490a2-ab07-446f-adbe-a6dd63c8770c",
+              "target": "data_query",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.527Z"
+            },
+            {
+              "id": "f7c1d2aa-8b05-4c13-9b9c-1db0e9c4d392",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "2c43b78e-2f07-4b91-be04-3bf76879872e",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getStudents",
+                "parameters": {}
+              },
+              "sourceId": "5628fbf2-c77c-4929-95fa-bc3c9673a890",
+              "target": "data_query",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.532Z"
+            },
+            {
+              "id": "4e92fd82-a40f-490a-b266-5a202ea2d5a0",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "4053d194-6eb2-4a2e-9988-881a6da7fd10",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "studentAnalytics",
+                "parameters": {}
+              },
+              "sourceId": "8d0dacfa-4134-4b91-93e7-9f55870b04c6",
+              "target": "data_query",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.537Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "2c43b78e-2f07-4b91-be04-3bf76879872e",
+              "name": "getStudents",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "85d9b567-333f-44e9-8d72-e8aeef2a8ee3",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1717502790095,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "ed00dbe7-ab42-473b-8ebb-4b269647ad26",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "student_id",
+                      "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                    },
+                    {
+                      "name": "name",
+                      "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                    },
+                    {
+                      "name": "email",
+                      "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                    },
+                    {
+                      "name": "mobile",
+                      "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                    },
+                    {
+                      "name": "course_name",
+                      "table": "ed00dbe7-ab42-473b-8ebb-4b269647ad26"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "order_filters": {
+                    "cfb055ce-2592-4ef5-9aef-6de0e8902595": {
+                      "column": "student_id",
+                      "order": "asc",
+                      "id": "cfb055ce-2592-4ef5-9aef-6de0e8902595"
+                    }
+                  },
+                  "limit": "",
+                  "where_filters": {}
+                },
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-12-02T22:39:37.822Z"
+            },
+            {
+              "id": "8be904ec-eba0-4779-b59c-e2d9102a0d41",
+              "name": "addAttendance",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "b5bee0e7-84b7-4517-96f8-2286579bc2f2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718000593678,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "c5bf7890-64e3-4978-aef2-c046e7f2f926",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "attendance_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "student_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "email",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "mobile",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "course_name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "status",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "attendance_date",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "student_id",
+                    "value": "{{parameters.stdData.student_id}}"
+                  },
+                  "1": {
+                    "column": "name",
+                    "value": "{{parameters.stdData.name}}"
+                  },
+                  "2": {
+                    "column": "mobile",
+                    "value": "{{parameters.stdData.mobile}}"
+                  },
+                  "3": {
+                    "column": "email",
+                    "value": "{{parameters.stdData.email}}"
+                  },
+                  "4": {
+                    "column": "course_name",
+                    "value": "{{parameters.stdData.course_name}}"
+                  },
+                  "5": {
+                    "column": "status",
+                    "value": "{{parameters.stdData.status}}"
+                  },
+                  "6": {
+                    "column": "attendance_date",
+                    "value": "{{components.attendance_date.value}}"
+                  }
+                },
+                "transformation": "",
+                "parameters": [
+                  {
+                    "name": "stdData",
+                    "defaultValue": "{{queries.addStdAttendance.data}}"
+                  }
+                ]
+              },
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z"
+            },
+            {
+              "id": "3e789ec5-3090-48f2-8246-38e1a870ef28",
+              "name": "updateAttendance",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "b5bee0e7-84b7-4517-96f8-2286579bc2f2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718000584349,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "c5bf7890-64e3-4978-aef2-c046e7f2f926",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "attendance_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "student_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "email",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "mobile",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "course_name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "status",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "attendance_date",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "status",
+                      "value": "{{parameters.stdData.status}}"
+                    }
+                  },
+                  "where_filters": {
+                    "4bad6014-662a-42aa-9007-335278264cc9": {
+                      "column": "attendance_id",
+                      "operator": "eq",
+                      "value": "{{parameters.stdData.attendance_id}}",
+                      "id": "4bad6014-662a-42aa-9007-335278264cc9"
+                    }
+                  }
+                },
+                "parameters": [
+                  {
+                    "name": "stdData",
+                    "defaultValue": "{{queries.addStdAttendance.data}}"
+                  }
+                ]
+              },
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z"
+            },
+            {
+              "id": "d76490a2-ab07-446f-adbe-a6dd63c8770c",
+              "name": "listStudents",
+              "options": {
+                "code": "const attendanceList = await queries.getAttendanceRecords.data;\nconst course = components.courseDropdown.value;\nconst dateFilter = components.attendance_date.value;\nlet attendanceRecord ;\n\nconst studentList = attendanceList.filter((std)=>std.course_name == course && std.attendance_date == dateFilter);\n\nif(studentList.length > 0){\n\tattendanceRecord = studentList;\n}else{\n\trecords = queries.getStudents.data.filter((std)=>std.course_name == course);\n  records = records.map((record)=>({\n  \t...record,\n      status:false\n  }))\n  attendanceRecord = records;\n}\n\nreturn attendanceRecord;",
+                "parameters": [],
+                "runOnPageLoad": false,
+                "requestConfirmation": false
+              },
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z"
+            },
+            {
+              "id": "8d0dacfa-4134-4b91-93e7-9f55870b04c6",
+              "name": "addStdAttendance",
+              "options": {
+                "code": "const attendanceList = queries.getAttendanceRecords.data;\nconst course = components.courseDropdown.value;\nconst dateFilter = components.attendance_date.value;\nconst updatedData = components.table1.updatedData;\n\n\n\nasync function insertAttendanceRecords(records) {\n  for (const record of records) {\n    await queries.addAttendance.run({ stdData: record });\n  }\n}\nasync function updateAttendanceRecords(records) {\n  for (const record of records) {\n    \n    const params = {\n      attendance_id:record.attendance_id,\n    \tstatus: record.status\n    };\n    await queries.updateAttendance.run({ stdData: params });\n  }\n}\n\nconst studentList = attendanceList.filter((std)=>std.course_name == course && std.attendance_date == dateFilter);\n\n\nif(studentList.length > 0){\n\tconst records = Object.values(components.table1.dataUpdates);\n  updateAttendanceRecords(records);\n}else{\n\tinsertAttendanceRecords(updatedData);\n}\n\nreturn updatedData;",
+                "parameters": []
+              },
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z"
+            },
+            {
+              "id": "4053d194-6eb2-4a2e-9988-881a6da7fd10",
+              "name": "studentAnalytics",
+              "options": {
+                "code": "const studentAnalytics = {total:null, present:null,absent:null};\n\nlet totalStd = 0;\nlet presentStd = 0;\nlet absentStd=0;\n\ncomponents.table1.currentData.forEach((std)=>{\n  if(std.status){\n  \tpresentStd++;\n  }else{\n  \tabsentStd++;\n  }\n  \n\ttotalStd++\n\n})\n\n\n\nstudentAnalytics.present = presentStd;\nstudentAnalytics.total = totalStd;\nstudentAnalytics.absent = absentStd;\n\nreturn studentAnalytics",
+                "parameters": [],
+                "runOnPageLoad": false
+              },
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-10-23T04:48:23.255Z"
+            },
+            {
+              "id": "5628fbf2-c77c-4929-95fa-bc3c9673a890",
+              "name": "getAttendanceRecords",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "b5bee0e7-84b7-4517-96f8-2286579bc2f2",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718000575762,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "c5bf7890-64e3-4978-aef2-c046e7f2f926",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "attendance_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "student_id",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "email",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "mobile",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "course_name",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "status",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    },
+                    {
+                      "name": "attendance_date",
+                      "table": "c5bf7890-64e3-4978-aef2-c046e7f2f926"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "order_filters": {
+                    "21fea75b-c2c5-43c8-8434-1c45127f9a46": {
+                      "column": "attendance_id",
+                      "order": "asc",
+                      "id": "21fea75b-c2c5-43c8-8434-1c45127f9a46"
+                    }
+                  },
+                  "where_filters": {}
+                },
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "createdAt": "2024-10-23T04:48:23.255Z",
+              "updatedAt": "2024-12-02T22:39:37.115Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "87082a53-a182-43c5-8363-bd9a2266edab",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T04:48:23.260Z",
+              "updatedAt": "2024-10-23T04:48:23.260Z"
+            },
+            {
+              "id": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T04:48:23.270Z",
+              "updatedAt": "2024-10-23T04:48:23.270Z"
+            },
+            {
+              "id": "7ec9b2bc-3587-4930-aba3-fe7e4fc1a0ec",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T04:48:23.278Z",
+              "updatedAt": "2024-10-23T04:48:23.278Z"
+            },
+            {
+              "id": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T04:48:23.286Z",
+              "updatedAt": "2024-10-23T04:48:23.286Z"
+            },
+            {
+              "id": "3d5078cb-913c-4e3a-90ba-908d34828d0f",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-23T04:48:23.293Z",
+              "updatedAt": "2024-10-23T04:48:23.293Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "ec2a9d48-854e-4fa2-a6e3-f4aef37c510a",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "6907e89c-6979-493d-8b67-1b04aaff4ff8",
+              "appId": "5eca11b7-295f-4fce-978b-d72bdd288683",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-23T04:48:23.250Z",
+              "updatedAt": "2024-12-02T22:33:39.742Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "077ffe98-bc52-45bf-b362-7aa618532c09",
+              "dataSourceId": "87082a53-a182-43c5-8363-bd9a2266edab",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.267Z",
+              "updatedAt": "2024-10-23T04:48:23.267Z"
+            },
+            {
+              "id": "3bec9dfb-ebc2-4c0c-aab0-a0dcfc3009a7",
+              "dataSourceId": "87082a53-a182-43c5-8363-bd9a2266edab",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.267Z",
+              "updatedAt": "2024-10-23T04:48:23.267Z"
+            },
+            {
+              "id": "abeea65c-7537-48b7-8e18-a2310953c175",
+              "dataSourceId": "87082a53-a182-43c5-8363-bd9a2266edab",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.267Z",
+              "updatedAt": "2024-10-23T04:48:23.267Z"
+            },
+            {
+              "id": "59415cc9-c12a-4f0f-bdc3-2c19efde7784",
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.276Z",
+              "updatedAt": "2024-10-23T04:48:23.276Z"
+            },
+            {
+              "id": "ebe7f6ee-2977-4928-bc34-94adbcbb5df5",
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.276Z",
+              "updatedAt": "2024-10-23T04:48:23.276Z"
+            },
+            {
+              "id": "c2dc8602-e3a8-4aff-a337-5d0834485367",
+              "dataSourceId": "b7f1dfc7-3b04-43c4-85a2-4a47dee7640b",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.276Z",
+              "updatedAt": "2024-10-23T04:48:23.276Z"
+            },
+            {
+              "id": "444aabce-8474-4cbf-b58d-d13523fb53e2",
+              "dataSourceId": "7ec9b2bc-3587-4930-aba3-fe7e4fc1a0ec",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.283Z",
+              "updatedAt": "2024-10-23T04:48:23.283Z"
+            },
+            {
+              "id": "0347bc85-d935-4890-b1f1-3b8f2d5d805c",
+              "dataSourceId": "7ec9b2bc-3587-4930-aba3-fe7e4fc1a0ec",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.283Z",
+              "updatedAt": "2024-10-23T04:48:23.283Z"
+            },
+            {
+              "id": "f34d4233-d5f2-432f-99e8-f28c97a57082",
+              "dataSourceId": "7ec9b2bc-3587-4930-aba3-fe7e4fc1a0ec",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.283Z",
+              "updatedAt": "2024-10-23T04:48:23.283Z"
+            },
+            {
+              "id": "3bf73402-84d0-48c2-aae0-be3030b36f8d",
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.291Z",
+              "updatedAt": "2024-10-23T04:48:23.291Z"
+            },
+            {
+              "id": "5db05bdd-29e8-49d0-8fe1-0f408c37b690",
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.291Z",
+              "updatedAt": "2024-10-23T04:48:23.291Z"
+            },
+            {
+              "id": "00406bc8-b294-47e8-bfc3-004b1a85c7ae",
+              "dataSourceId": "10e30f84-1c35-445b-b24b-cc4adfda0d42",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.291Z",
+              "updatedAt": "2024-10-23T04:48:23.291Z"
+            },
+            {
+              "id": "8ffdbb3a-3637-4c5a-ad46-7077bd9b0e60",
+              "dataSourceId": "3d5078cb-913c-4e3a-90ba-908d34828d0f",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.298Z",
+              "updatedAt": "2024-10-23T04:48:23.298Z"
+            },
+            {
+              "id": "af106eb8-811a-44aa-af44-678d05a1a29a",
+              "dataSourceId": "3d5078cb-913c-4e3a-90ba-908d34828d0f",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.298Z",
+              "updatedAt": "2024-10-23T04:48:23.298Z"
+            },
+            {
+              "id": "5a63ab33-8275-4944-94ff-2dcc7dd2ac03",
+              "dataSourceId": "3d5078cb-913c-4e3a-90ba-908d34828d0f",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-23T04:48:23.298Z",
+              "updatedAt": "2024-10-23T04:48:23.298Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/student-attendance-tracker/manifest.json b/server/templates/student-attendance-tracker/manifest.json
new file mode 100644
index 0000000000..348e791938
--- /dev/null
+++ b/server/templates/student-attendance-tracker/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Student attendance tracker",
+  "description": "Accurately track and record student attendance with individual markings and comprehensive reporting features for better oversight.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "student-attendance-tracker",
+  "category": "educational-technology"
+}
\ No newline at end of file
diff --git a/server/templates/student-management-system/definition.json b/server/templates/student-management-system/definition.json
new file mode 100644
index 0000000000..6f485debe0
--- /dev/null
+++ b/server/templates/student-management-system/definition.json
@@ -0,0 +1,5354 @@
+{
+  "tooljet_database": [
+    {
+      "id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+      "table_name": "Student",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"1ff0d7fa-aafb-4cd5-ba56-9810140c1385_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "age",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "highest_education",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "courses",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "contact",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "occupation",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "15866bb1-9d9b-43e3-b8ef-dcfaa3f33850",
+          "name": "student-management-system-final",
+          "slug": "15866bb1-9d9b-43e3-b8ef-dcfaa3f33850",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "folderupload",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-29T01:28:19.695Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-29T02:11:06.292Z",
+          "editingVersion": {
+            "id": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+            "appId": "15866bb1-9d9b-43e3-b8ef-dcfaa3f33850",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-29T01:28:19.708Z",
+            "updatedAt": "2024-12-03T23:00:56.885Z"
+          },
+          "components": [
+            {
+              "id": "ba023aa9-d635-40e1-aa4c-9cfddaddc6f0",
+              "name": "highest_education",
+              "type": "DropDown",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "display_values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "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]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "4"
+                },
+                "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-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T13:58:20.194Z",
+              "layouts": [
+                {
+                  "id": "2e6e0fda-cbf1-4105-a631-2ac1b93e2250",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "ba023aa9-d635-40e1-aa4c-9cfddaddc6f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:56:00.778Z"
+                },
+                {
+                  "id": "b5e4d5f2-8845-46f4-be0a-139328e82be5",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 32,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "ba023aa9-d635-40e1-aa4c-9cfddaddc6f0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "d8b1e33d-aa14-4a87-9cd8-9e6c081ad259",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Highest \neducation"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:28.569Z",
+              "layouts": [
+                {
+                  "id": "c172a574-8457-47aa-9ffa-71cfee42ac7e",
+                  "type": "desktop",
+                  "top": 300,
+                  "left": 2,
+                  "width": 10,
+                  "height": 50,
+                  "componentId": "d8b1e33d-aa14-4a87-9cd8-9e6c081ad259",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:01.787Z"
+                }
+              ]
+            },
+            {
+              "id": "4e76cdf9-f48a-412a-a616-ae81b1c6a08c",
+              "name": "occupation_input",
+              "type": "DropDown",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "display_values": {
+                  "value": "{{[\"Student\", \"Working Professional\", \"Self-employeed\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"Student\", \"Working Professional\", \"Self-employeed\"]}}"
+                },
+                "value": {
+                  "value": ""
+                },
+                "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]}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "placeholder": {
+                  "value": "Select an option"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "4"
+                },
+                "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-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T13:58:07.692Z",
+              "layouts": [
+                {
+                  "id": "c3749974-caea-4423-a0bc-5a6c3c0a3bc9",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "4e76cdf9-f48a-412a-a616-ae81b1c6a08c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:56.417Z"
+                },
+                {
+                  "id": "d4655577-9a4a-4442-b406-36a80d06c842",
+                  "type": "mobile",
+                  "top": 410,
+                  "left": 32,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "4e76cdf9-f48a-412a-a616-ae81b1c6a08c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "2906fc9d-b704-4b04-9e81-93e1adc2b63f",
+              "name": "age_input",
+              "type": "NumberInput",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "label": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                },
+                "mandatory": {
+                  "value": "{{true}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T12:38:21.805Z",
+              "layouts": [
+                {
+                  "id": "f2259c3b-e969-4523-97a9-fe36e20a7abe",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "2906fc9d-b704-4b04-9e81-93e1adc2b63f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:51.161Z"
+                }
+              ]
+            },
+            {
+              "id": "1d374ca7-e30d-4ddb-a962-7b394e3024b2",
+              "name": "filter_button",
+              "type": "Button",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "text": {
+                  "value": "Apply filter"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "loaderColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:45:37.069Z",
+              "layouts": [
+                {
+                  "id": "1db6fca2-8add-4fda-b4d2-aaf02483611a",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 22,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "1d374ca7-e30d-4ddb-a962-7b394e3024b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:44:34.265Z"
+                },
+                {
+                  "id": "bbf2a7a7-18c1-43b6-8a1f-421046d88044",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 8,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "1d374ca7-e30d-4ddb-a962-7b394e3024b2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": null,
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "0"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:57:12.414Z",
+              "layouts": [
+                {
+                  "id": "4a5d1a66-3e5e-4d5b-9ca2-ca52a55e1bc6",
+                  "type": "mobile",
+                  "top": 120,
+                  "left": 16,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "c93772b6-6bbd-4fc1-910c-a4473f8c13b0",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 850,
+                  "componentId": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:53:32.973Z"
+                }
+              ]
+            },
+            {
+              "id": "cb98fafd-f9f6-4a23-9eea-9f7c8d504afe",
+              "name": "update_button",
+              "type": "Button",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{upda}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#b56ecdff"
+                },
+                "borderColor": {
+                  "value": "#b56ecdff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "9815406c-7b7f-43c1-a171-a2dcb248c835",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 2,
+                  "width": 38,
+                  "height": 40,
+                  "componentId": "cb98fafd-f9f6-4a23-9eea-9f7c8d504afe",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:48:45.930Z"
+                }
+              ]
+            },
+            {
+              "id": "0eee257c-18d3-4d06-99b0-1b0f6e0b4964",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "7b744f23-f31f-4d7e-9c98-2177fb9afe79",
+              "properties": {
+                "text": {
+                  "value": "Student Management System"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "right"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "textSize": {
+                  "value": "19"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z",
+              "layouts": [
+                {
+                  "id": "01d7e3c9-83df-4207-8259-90317599ada0",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 11,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "0eee257c-18d3-4d06-99b0-1b0f6e0b4964",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "1d17422a-d82f-4d4b-b783-90143039eeb2",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "0eee257c-18d3-4d06-99b0-1b0f6e0b4964",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:39:29.941Z"
+                }
+              ]
+            },
+            {
+              "id": "7b744f23-f31f-4d7e-9c98-2177fb9afe79",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:56:57.142Z",
+              "layouts": [
+                {
+                  "id": "17ef1216-0433-4514-a660-cb7132d6338f",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 13,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "7b744f23-f31f-4d7e-9c98-2177fb9afe79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "cb2172f5-45a6-43f4-8ccc-07ec58eef34d",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 70,
+                  "componentId": "7b744f23-f31f-4d7e-9c98-2177fb9afe79",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:39:16.281Z"
+                }
+              ]
+            },
+            {
+              "id": "440a33bf-3f94-439a-afff-e040dd55b25b",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "7b744f23-f31f-4d7e-9c98-2177fb9afe79",
+              "properties": {
+                "icon": {
+                  "value": "IconUserSquare"
+                }
+              },
+              "general": {},
+              "styles": {
+                "iconColor": {
+                  "value": "#ffffffff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z",
+              "layouts": [
+                {
+                  "id": "bf0d4e31-4acf-49c1-8d3a-99ab5595e730",
+                  "type": "mobile",
+                  "top": -10,
+                  "left": -1,
+                  "width": 5,
+                  "height": 48,
+                  "componentId": "440a33bf-3f94-439a-afff-e040dd55b25b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "673cd54a-ea1d-42cc-9695-79b267dc12d2",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "440a33bf-3f94-439a-afff-e040dd55b25b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:39:24.697Z"
+                }
+              ]
+            },
+            {
+              "id": "8420fd30-909b-47d2-b30e-53af4523ace9",
+              "name": "student_table",
+              "type": "Table",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 30,
+                      "columnType": "string"
+                    },
+                    {
+                      "name": "name",
+                      "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 130,
+                      "columnType": "string"
+                    },
+                    {
+                      "name": "age",
+                      "id": "d533c3df-65d6-4d4a-b327-5d6587a8373c",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string"
+                    },
+                    {
+                      "name": "Highest education",
+                      "id": "6a1b9f5c-0d87-4263-8a11-5645329981bb",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "highest_education"
+                    },
+                    {
+                      "name": "Courses",
+                      "id": "ff9de573-2ead-4951-81db-f9f39525cf7d",
+                      "isEditable": "{{false}}",
+                      "fxActiveFields": [],
+                      "columnType": "newMultiSelect",
+                      "defaultOptionsList": [],
+                      "options": [
+                        {
+                          "label": "DS",
+                          "value": "DS"
+                        },
+                        {
+                          "label": "CAT",
+                          "value": "CAT"
+                        },
+                        {
+                          "label": "GMAT",
+                          "value": "GMAT"
+                        },
+                        {
+                          "label": "Artificial Intelligence",
+                          "value": "Artificial intelligence"
+                        },
+                        {
+                          "label": "MS",
+                          "value": "MS"
+                        }
+                      ],
+                      "key": "courses",
+                      "useDynamicOptions": "{{false}}",
+                      "transformation": "{{cellValue}}",
+                      "cellBackgroundColor": "",
+                      "horizontalAlignment": "left"
+                    },
+                    {
+                      "name": "Occupation",
+                      "id": "62b349bc-07f5-45aa-ae68-516f1b48c1f9",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "occupation"
+                    },
+                    {
+                      "id": "acac4148-8733-46a9-90ed-2090a38c547f",
+                      "name": "mobile_number",
+                      "key": "mobile_number",
+                      "columnType": "number",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "email",
+                    "date",
+                    "interest",
+                    "occupation"
+                  ]
+                },
+                "showFilterButton": {
+                  "value": "{{false}}",
+                  "fxActive": false
+                },
+                "serverSidePagination": {
+                  "value": false
+                },
+                "serverSideFilter": {
+                  "value": true
+                },
+                "actions": {
+                  "value": []
+                },
+                "data": {
+                  "value": "{{queries.41fc68c9-320b-46f8-88de-0728fbec81a9.data}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "6a1b9f5c-0d87-4263-8a11-5645329981bb": 191,
+                    "ff9de573-2ead-4951-81db-f9f39525cf7d": 127,
+                    "d533c3df-65d6-4d4a-b327-5d6587a8373c": 97
+                  }
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.41fc68c9-320b-46f8-88de-0728fbec81a9.isLoading}}"
+                },
+                "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}}"
+                },
+                "enableNextButton": {
+                  "value": "{{true}}"
+                },
+                "enablePrevButton": {
+                  "value": "{{true}}"
+                },
+                "totalRecords": {
+                  "value": "{{10}}"
+                },
+                "enablePagination": {
+                  "value": "{{true}}"
+                },
+                "serverSideSort": {
+                  "value": "{{false}}"
+                },
+                "displaySearchBox": {
+                  "value": "{{true}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{true}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "enabledSort": {
+                  "value": "{{true}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "allowSelection": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "cellSize": {
+                  "value": "regular"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "columnHeaderWrap": {
+                  "value": "fixed"
+                },
+                "actionButtonRadius": {
+                  "value": "0"
+                },
+                "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-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T15:04:38.110Z",
+              "layouts": [
+                {
+                  "id": "e34b4821-f175-4c27-be57-762976c76083",
+                  "type": "mobile",
+                  "top": 170,
+                  "left": 5,
+                  "width": 35,
+                  "height": 456,
+                  "componentId": "8420fd30-909b-47d2-b30e-53af4523ace9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "2b5c06ed-c63f-4f34-9d96-be782738edc7",
+                  "type": "desktop",
+                  "top": 140,
+                  "left": 1,
+                  "width": 26,
+                  "height": 680,
+                  "componentId": "8420fd30-909b-47d2-b30e-53af4523ace9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:56:19.020Z"
+                }
+              ]
+            },
+            {
+              "id": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "name": "add_student_form",
+              "type": "Form",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "ef438050-7a6b-4670-a9bc-d5213c003b29"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "JSONSchema": {
+                  "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number', label:'Age'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:47:13.842Z",
+              "layouts": [
+                {
+                  "id": "859e8992-f9c4-4a52-8753-100be2291414",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 26,
+                  "width": 13,
+                  "height": 380,
+                  "componentId": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "f4300c18-c0f8-46a7-9edf-578912710b31",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 28,
+                  "width": 14,
+                  "height": 430,
+                  "componentId": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:53:42.093Z"
+                }
+              ]
+            },
+            {
+              "id": "8232bfbb-9a1f-4f84-b123-3f9af48bbcf7",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Add new student"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "User Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": "18"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "backgroundColor": {
+                  "value": "#ae5ec81a"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:46:54.211Z",
+              "layouts": [
+                {
+                  "id": "85a64d28-3948-414b-a60a-cb2aaeb4143d",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 40,
+                  "componentId": "8232bfbb-9a1f-4f84-b123-3f9af48bbcf7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "9b0c58c3-e40a-40f6-b835-0f16842a43bd",
+              "name": "clear_add_student_form",
+              "type": "Button",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Clear fields"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "735eac0c-4abf-49f7-b2c7-1b1a92f0a6c9",
+                  "type": "mobile",
+                  "top": 240,
+                  "left": 8,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "9b0c58c3-e40a-40f6-b835-0f16842a43bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "0cd829e9-3573-4e1a-b433-5e5635fb1ad3",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 2,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "9b0c58c3-e40a-40f6-b835-0f16842a43bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:56:07.384Z"
+                }
+              ]
+            },
+            {
+              "id": "50b98a51-11d1-490c-bc88-e32187011699",
+              "name": "course_input",
+              "type": "Multiselect",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{[]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "showAllOption": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z",
+              "layouts": [
+                {
+                  "id": "84177230-d24a-4366-8403-0e1233479a2d",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 10,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "50b98a51-11d1-490c-bc88-e32187011699",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "3be1059d-0da6-4af4-a27e-9ddc2bc5e536",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "50b98a51-11d1-490c-bc88-e32187011699",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:58.589Z"
+                }
+              ]
+            },
+            {
+              "id": "2f7f8472-155c-4852-ac8c-8f8f8229e72e",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Enrolled in"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:32.578Z",
+              "layouts": [
+                {
+                  "id": "f12cbf8d-cdbd-45a4-92ee-ee713790221b",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "2f7f8472-155c-4852-ac8c-8f8f8229e72e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:10.583Z"
+                }
+              ]
+            },
+            {
+              "id": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "name": "update_student",
+              "type": "Form",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "ad554325-5ac5-444a-8ba7-b0af756fa495"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "advanced": {
+                  "value": "{{false}}"
+                },
+                "JSONSchema": {
+                  "value": "{{ {title: 'User registration form', properties: {firstname: {type: 'textinput',value: 'Maria',label:'First name', validation:{maxLength:6}, styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},lastname:{type: 'textinput',value: 'Doe', label:'Last name', styles: {backgroundColor: '#f6f5ff',textColor: 'black'},},age:{type:'number', label:'Age'},}, submitButton: {value: 'Submit', styles: {backgroundColor: '#3a433b',borderColor:'#595959'}}} }}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{!components?.student_table?.selectedRow?.id}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:47:18.774Z",
+              "layouts": [
+                {
+                  "id": "4d691d8e-f1b0-4d34-a67c-7b41f15111ac",
+                  "type": "mobile",
+                  "top": 370,
+                  "left": 29,
+                  "width": 13,
+                  "height": 294,
+                  "componentId": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "129a92b4-5d8f-4893-9711-8e007763b2a6",
+                  "type": "desktop",
+                  "top": 540,
+                  "left": 28,
+                  "width": 14,
+                  "height": 280,
+                  "componentId": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:53:35.154Z"
+                }
+              ]
+            },
+            {
+              "id": "8b39f734-73e8-4ddd-995a-19de157ead1a",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Occupation"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:35.059Z",
+              "layouts": [
+                {
+                  "id": "cefcf75b-3c28-4ccf-8ab1-0c5029bc3a05",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "8b39f734-73e8-4ddd-995a-19de157ead1a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:54:20.289Z"
+                }
+              ]
+            },
+            {
+              "id": "877c9325-33d9-4be8-aa38-e0bf1e3aed31",
+              "name": "name_input",
+              "type": "TextInput",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter your name"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minLength": {
+                  "value": ""
+                },
+                "mandatory": {
+                  "value": "{{true}}"
+                }
+              },
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z",
+              "layouts": [
+                {
+                  "id": "03d604d2-d9bc-4469-afc1-e82a1460d4ea",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "877c9325-33d9-4be8-aa38-e0bf1e3aed31",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:49.502Z"
+                }
+              ]
+            },
+            {
+              "id": "556e78a2-346a-482c-a090-376dd74d9f66",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Contact"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:38.820Z",
+              "layouts": [
+                {
+                  "id": "92f1495b-6ed4-4190-bc9b-0db1192956b3",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "556e78a2-346a-482c-a090-376dd74d9f66",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:54:41.094Z"
+                }
+              ]
+            },
+            {
+              "id": "8de104b2-1592-41de-81b2-26658484c54c",
+              "name": "contact_input",
+              "type": "NumberInput",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "label": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "minValue": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "0"
+                },
+                "decimalPlaces": {
+                  "value": "{{2}}"
+                },
+                "tooltip": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "minValue": {
+                  "value": "1"
+                },
+                "mandatory": {
+                  "value": "{{true}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "maxValue": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T12:38:50.226Z",
+              "layouts": [
+                {
+                  "id": "dbde36c1-050f-4ea7-a1fc-0aa0e16b4b3b",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "8de104b2-1592-41de-81b2-26658484c54c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:53.698Z"
+                }
+              ]
+            },
+            {
+              "id": "6b3c89e4-d48a-4060-925c-75cb7d99d9e7",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:44.983Z",
+              "layouts": [
+                {
+                  "id": "f869c1d1-996a-4c44-9829-edfd5bd4e3db",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "6b3c89e4-d48a-4060-925c-75cb7d99d9e7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:54:54.072Z"
+                }
+              ]
+            },
+            {
+              "id": "ab90104a-fbc7-4c08-b46b-a2e5cb96c9d7",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Age"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:40.934Z",
+              "layouts": [
+                {
+                  "id": "8a9b0b0b-0ccb-418a-a975-ea4aa7eab024",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "ab90104a-fbc7-4c08-b46b-a2e5cb96c9d7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:54:48.327Z"
+                }
+              ]
+            },
+            {
+              "id": "aa5aa368-48e6-4a2a-be9b-ca9c7d17a436",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "text": {
+                  "value": "Edit student details"
+                },
+                "textSize": {
+                  "value": 18
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ae5ec81a"
+                },
+                "textColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "textSize": {
+                  "value": "18"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "User Details"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:47:28.948Z",
+              "layouts": [
+                {
+                  "id": "ab659d82-e073-431d-bebd-e58c8e157d58",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 40,
+                  "componentId": "aa5aa368-48e6-4a2a-be9b-ca9c7d17a436",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "8afdd2f7-05e0-4567-87c8-64564413bc61",
+              "name": "update_name",
+              "type": "TextInput",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "value": {
+                  "value": "{{components.8420fd30-909b-47d2-b30e-53af4523ace9.selectedRow.name}}"
+                },
+                "label": {
+                  "value": ""
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T02:04:19.732Z",
+              "layouts": [
+                {
+                  "id": "d4c66ef1-ef0e-41e2-b00b-a476494203b5",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "8afdd2f7-05e0-4567-87c8-64564413bc61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:19.829Z"
+                },
+                {
+                  "id": "66861d5d-4276-467a-a947-5c7776c8b653",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 8,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "8afdd2f7-05e0-4567-87c8-64564413bc61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "a233ce15-9f0f-4f88-9dae-c4b7e4d70e1a",
+              "name": "update_contact",
+              "type": "NumberInput",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{components.8420fd30-909b-47d2-b30e-53af4523ace9.selectedRow.mobile_number}}"
+                },
+                "visibility": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T02:03:40.765Z",
+              "layouts": [
+                {
+                  "id": "830ff93d-8bc1-438d-893b-7e837a86d729",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "a233ce15-9f0f-4f88-9dae-c4b7e4d70e1a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:21.889Z"
+                },
+                {
+                  "id": "7ff472fe-dcb3-4ebf-b8e7-b0109e2c3f56",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "a233ce15-9f0f-4f88-9dae-c4b7e4d70e1a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                }
+              ]
+            },
+            {
+              "id": "07fc2aaf-647e-4fcb-97c9-5caa7ab510ae",
+              "name": "courses_multiselect",
+              "type": "Multiselect",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "display_values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "value": {
+                  "value": "{{[]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:38:11.085Z",
+              "layouts": [
+                {
+                  "id": "500fdebb-eac5-4cf1-98e8-fb9b23c35940",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 5,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "07fc2aaf-647e-4fcb-97c9-5caa7ab510ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "6af104bf-7b12-4aa0-a15d-d0314601f45e",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 4,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "07fc2aaf-647e-4fcb-97c9-5caa7ab510ae",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:44:18.377Z"
+                }
+              ]
+            },
+            {
+              "id": "daa194f9-0cfb-4b7f-8e41-ea7cb29c9146",
+              "name": "occupation_multiselect",
+              "type": "Multiselect",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "display_values": {
+                  "value": "{{[\"Student\", \"Working Professional\", \"Self-employeed\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"Student\", \"Working Professional\", \"Self-employeed\"]}}"
+                },
+                "value": {
+                  "value": "{{[]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:37:58.179Z",
+              "layouts": [
+                {
+                  "id": "1cced791-76c1-4814-96af-878b84305531",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 5,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "daa194f9-0cfb-4b7f-8e41-ea7cb29c9146",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "704b631e-ee66-4220-9f9f-f1206fc11707",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "daa194f9-0cfb-4b7f-8e41-ea7cb29c9146",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:44:28.899Z"
+                }
+              ]
+            },
+            {
+              "id": "5a9fa4f8-c7f4-4ee9-aa0f-6efa760ab601",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "text": {
+                  "value": "Course"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-03T23:02:04.963Z",
+              "layouts": [
+                {
+                  "id": "4f2a5900-2057-44db-92a2-8528c1b66750",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 1,
+                  "width": 3,
+                  "height": 40,
+                  "componentId": "5a9fa4f8-c7f4-4ee9-aa0f-6efa760ab601",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:44:18.377Z"
+                }
+              ]
+            },
+            {
+              "id": "38f15371-2b0c-4e1a-8247-21ef739baa88",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "text": {
+                  "value": "Contact"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:23.707Z",
+              "layouts": [
+                {
+                  "id": "8a862b53-6a0a-44c3-8dfc-5b6461cfb2e8",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "38f15371-2b0c-4e1a-8247-21ef739baa88",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:31.299Z"
+                }
+              ]
+            },
+            {
+              "id": "4a1a93fc-aaa0-4092-be6c-a9098ac82325",
+              "name": "update_courses",
+              "type": "Multiselect",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "display_values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "values": {
+                  "value": "{{[\"DS\", \"MS\", \"CAT\", \"GMAT\", \"Artificial intelligence\"]}}"
+                },
+                "value": {
+                  "value": "{{components.8420fd30-909b-47d2-b30e-53af4523ace9.selectedRow.courses}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T02:04:49.897Z",
+              "layouts": [
+                {
+                  "id": "8914bb3c-6b7c-4ce1-98de-767ea7c570de",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 10,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "4a1a93fc-aaa0-4092-be6c-a9098ac82325",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:28:19.714Z"
+                },
+                {
+                  "id": "9b2beff2-2ffb-440f-bfb6-fe73dc2b31ed",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 12,
+                  "width": 28,
+                  "height": 30,
+                  "componentId": "4a1a93fc-aaa0-4092-be6c-a9098ac82325",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:24.275Z"
+                }
+              ]
+            },
+            {
+              "id": "009acae4-6b63-4980-b764-8e8e833fb2e7",
+              "name": "submit_student_button",
+              "type": "Button",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "properties": {
+                "text": {
+                  "value": "Submit"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.808fe477-51fa-491f-bfb2-e05d23cf60f7.isLoading}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ae5ec8ff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:51:33.240Z",
+              "layouts": [
+                {
+                  "id": "adc81779-6a8c-4cd1-8105-19494c43af9c",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 24,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "009acae4-6b63-4980-b764-8e8e833fb2e7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:56:07.384Z"
+                }
+              ]
+            },
+            {
+              "id": "792f178d-7ecd-4b35-bd3f-697934ba6650",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "2cc0ce12-7da4-475e-9c62-52bc93334fdd",
+              "properties": {
+                "text": {
+                  "value": "Occupation"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "lineHeight": {
+                  "value": "1"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-03T23:02:11.904Z",
+              "layouts": [
+                {
+                  "id": "fa62522c-0052-417e-ac4d-197643ae847e",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 11,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "792f178d-7ecd-4b35-bd3f-697934ba6650",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:44:28.899Z"
+                }
+              ]
+            },
+            {
+              "id": "9d227ece-1f51-4a04-b2fc-a03307cbd024",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "text": {
+                  "value": "Name"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Name"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:25.938Z",
+              "layouts": [
+                {
+                  "id": "f21f471d-4d6d-496a-9833-062d19e50ba9",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "9d227ece-1f51-4a04-b2fc-a03307cbd024",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:34.681Z"
+                }
+              ]
+            },
+            {
+              "id": "1a038154-0317-4e50-bdc3-12cac736b189",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "parent": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "properties": {
+                "text": {
+                  "value": "Enrolled in"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "fontWeight": {
+                  "value": "normal"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Age"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "lineHeight": {
+                  "value": 1.5
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "letterSpacing": {
+                  "value": "0"
+                },
+                "wordSpacing": {
+                  "value": "0"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000090"
+                },
+                "borderColor": {
+                  "value": ""
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T14:50:17.867Z",
+              "layouts": [
+                {
+                  "id": "f9b3ff5a-661d-4e17-8078-34403fca7824",
+                  "type": "desktop",
+                  "top": 160,
+                  "left": 2,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "1a038154-0317-4e50-bdc3-12cac736b189",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-09T14:55:40.252Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z",
+              "autoComputeLayout": false,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "77c49486-d308-4910-a157-36eaeeed9641",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "key": "visibility",
+                "value": "false",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "6785d12f-7f7c-4ac9-a14f-774718aab8d5",
+              "target": "data_query",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z"
+            },
+            {
+              "id": "a71be5f8-96e3-49f3-9f68-2b0f1b8262fc",
+              "name": "onSubmit",
+              "index": 0,
+              "event": {
+                "eventId": "onSubmit",
+                "message": "Hello world!",
+                "queryId": "6785d12f-7f7c-4ac9-a14f-774718aab8d5",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "update_student",
+                "parameters": {}
+              },
+              "sourceId": "275aba86-0bd8-4fe1-bd22-b3d729662b26",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:20.312Z"
+            },
+            {
+              "id": "47c62283-5981-40e5-a4d1-97ca75dfd735",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "41fc68c9-320b-46f8-88de-0728fbec81a9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "populate_students_table",
+                "parameters": {
+                  "event": "add_student"
+                }
+              },
+              "sourceId": "808fe477-51fa-491f-bfb2-e05d23cf60f7",
+              "target": "data_query",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:20.342Z"
+            },
+            {
+              "id": "cfe28931-6dac-41b4-af37-96884a255cf3",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "41fc68c9-320b-46f8-88de-0728fbec81a9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "populate_students_table",
+                "parameters": {
+                  "event": "update_student"
+                }
+              },
+              "sourceId": "6785d12f-7f7c-4ac9-a14f-774718aab8d5",
+              "target": "data_query",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:20.346Z"
+            },
+            {
+              "id": "7448f136-246f-4f59-a84d-aa0dd973739c",
+              "name": "onSubmit",
+              "index": 0,
+              "event": {
+                "eventId": "onSubmit",
+                "message": "Hello world!",
+                "queryId": "808fe477-51fa-491f-bfb2-e05d23cf60f7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "add_student",
+                "parameters": {}
+              },
+              "sourceId": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:20.352Z"
+            },
+            {
+              "id": "5e1c03d8-2bf5-4e42-bf62-cf07929325be",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "41fc68c9-320b-46f8-88de-0728fbec81a9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "populate_students_table",
+                "parameters": {
+                  "event": "filter_student"
+                }
+              },
+              "sourceId": "1d374ca7-e30d-4ddb-a962-7b394e3024b2",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:34:24.344Z",
+              "updatedAt": "2024-10-29T01:34:43.950Z"
+            },
+            {
+              "id": "e827ffa3-83c3-4ff1-9efa-1bd0dd526504",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "808fe477-51fa-491f-bfb2-e05d23cf60f7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "add_student",
+                "parameters": {}
+              },
+              "sourceId": "009acae4-6b63-4980-b764-8e8e833fb2e7",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:42:37.742Z",
+              "updatedAt": "2024-10-29T01:42:43.725Z"
+            },
+            {
+              "id": "a95cccb1-3043-4cd6-988c-27235f67ac10",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "6785d12f-7f7c-4ac9-a14f-774718aab8d5",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "update_student",
+                "parameters": {}
+              },
+              "sourceId": "cb98fafd-f9f6-4a23-9eea-9f7c8d504afe",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:42:49.799Z",
+              "updatedAt": "2024-10-29T01:42:58.450Z"
+            },
+            {
+              "id": "565dde97-d01d-4999-99a0-c0bcdacce8eb",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "control-component",
+                "alertType": "info",
+                "componentId": "6bec8775-b88f-4c57-b16a-5c4769083a87",
+                "componentSpecificActionHandle": "resetForm",
+                "componentSpecificActionParams": []
+              },
+              "sourceId": "9b0c58c3-e40a-40f6-b835-0f16842a43bd",
+              "target": "component",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:43:40.477Z",
+              "updatedAt": "2024-10-29T01:44:32.857Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "41fc68c9-320b-46f8-88de-0728fbec81a9",
+              "name": "populate_students_table",
+              "options": {
+                "code": "let data;\nif(parameters.event === \"add_student\" || parameters.event === \"initialize_table\" || parameters.event === \"update_student\"){\n  await queries.page_load_get_students.run();\n  data = queries.page_load_get_students.getData();\n}\nelse if (parameters.event === \"filter_student\"){\n  if(components.courses_multiselect.values.join(\",\") === \"\" && components.occupation_multiselect.values.length === 0)\n  {\n    await queries.page_load_get_students.run();\n    data = queries.page_load_get_students.getData();\n  }\n  else if(components.occupation_multiselect.values.length === 0){\n    await queries.get_students_courses_filter.run();\n    data = queries.get_students_courses_filter.getData();\n  }\n  else if(components.courses_multiselect.values.join(\",\") === \"\"){\n    await queries.get_students_occupation_filter.run();\n    data = queries.get_students_occupation_filter.getData();\n  }\n  else{ \n    await queries.get_students.run();\n    data = queries.get_students.getData();\n  }\n}\n\n\nreturn data;",
+                "parameters": [
+                  {
+                    "name": "event",
+                    "defaultValue": "initialize_table"
+                  }
+                ],
+                "runOnPageLoad": true
+              },
+              "dataSourceId": "cb82a259-4b68-4505-8bfa-2194a68889cc",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z"
+            },
+            {
+              "id": "675f5513-3439-405f-aba8-68630f0e67a6",
+              "name": "get_students",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1728653163587,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "fc570dac-7d35-4af5-aae4-38935d0d3a8c": {
+                      "column": "courses",
+                      "operator": "eq",
+                      "value": "{{components.courses_multiselect.values.join(\",\")}}",
+                      "id": "fc570dac-7d35-4af5-aae4-38935d0d3a8c"
+                    },
+                    "87256c1b-c3d8-4713-9abf-c87b09235be7": {
+                      "column": "occupation",
+                      "operator": "in",
+                      "value": "{{components.occupation_multiselect.values}}",
+                      "id": "87256c1b-c3d8-4713-9abf-c87b09235be7"
+                    }
+                  }
+                },
+                "parameters": [],
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\ndata = data.map(val => {\n  val.courses = val.courses.split(\",\");\n  return {\n    id:val.id,\n    name:val.name,\n    mobile_number: val.contact,\n    age: val.age,\n    highest_education: val.highest_education,\n    courses: val.courses,\n    occupation: val.occupation\n  };\n});\n\nreturn data;\n    "
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:19.714Z"
+            },
+            {
+              "id": "dd3368fe-f298-47ec-a0a7-8c1fa8b2b1a4",
+              "name": "get_students_courses_filter",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729528167330,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "occupation",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "2c901e78-6fa8-483f-8c63-8c70def11e02": {
+                      "column": "courses",
+                      "operator": "eq",
+                      "value": "{{components.07fc2aaf-647e-4fcb-97c9-5caa7ab510ae.values.join(\",\")}}",
+                      "id": "2c901e78-6fa8-483f-8c63-8c70def11e02"
+                    }
+                  }
+                },
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn data.filter(row => row.amount > 1000);\n    "
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:28:20.398Z"
+            },
+            {
+              "id": "808fe477-51fa-491f-bfb2-e05d23cf60f7",
+              "name": "add_student",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1728709197274,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "runOnPageLoad": false,
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn data.filter(row => row.amount > 1000);\n    ",
+                "create_row": {
+                  "0": {
+                    "column": "name",
+                    "value": "{{components.add_student_form.data.name_input.value}}"
+                  },
+                  "1": {
+                    "column": "age",
+                    "value": "{{components.add_student_form.data.age_input.value}}"
+                  },
+                  "2": {
+                    "column": "contact",
+                    "value": "{{components.add_student_form.data.contact_input.value}}"
+                  },
+                  "3": {
+                    "column": "highest_education",
+                    "value": "{{components.add_student_form.data.highest_education.value}}"
+                  },
+                  "4": {
+                    "column": "courses",
+                    "value": "{{components.add_student_form.data.course_input.values.join(\",\")}}"
+                  },
+                  "407fb02d-0b73-4ced-a839-92c55e35fcac": {
+                    "column": "occupation",
+                    "value": "{{components.add_student_form.data.occupation_input.value}}"
+                  }
+                },
+                "parameters": []
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T01:45:09.924Z"
+            },
+            {
+              "id": "4730b727-3200-4606-abbb-f30f1c7217fc",
+              "name": "page_load_get_students",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1728737681370,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "runOnPageLoad": false,
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\ndata = data.map(val => {\n  val.courses = val.courses.split(\",\");\n  return {\n    id:val.id,\n    name:val.name,\n    mobile_number: val.contact,\n    age: val.age,\n    highest_education: val.highest_education,\n    courses: val.courses,\n    occupation: val.occupation\n  };\n});\n\nreturn data;\n    "
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-12-09T15:04:35.836Z"
+            },
+            {
+              "id": "6785d12f-7f7c-4ac9-a14f-774718aab8d5",
+              "name": "update_student",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729185694682,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "occupation",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "name",
+                      "value": "{{components.update_student.data.update_name.value}}"
+                    },
+                    "1": {
+                      "column": "contact",
+                      "value": "{{components.update_student.data.update_contact.value}}"
+                    },
+                    "55072b7e-eb12-4a19-9b4a-909502c2cff0": {
+                      "column": "courses",
+                      "value": "{{components.update_student.data.update_courses.values.join(\",\")}}"
+                    }
+                  },
+                  "where_filters": {
+                    "9f2e96f3-c196-4fa1-94e4-e6923928dd99": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.student_table.selectedRow.id}}",
+                      "id": "9f2e96f3-c196-4fa1-94e4-e6923928dd99"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T02:08:07.011Z"
+            },
+            {
+              "id": "3066f7a3-a203-4250-b3aa-c72ec5e21651",
+              "name": "get_students_occupation_filter",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "1ff0d7fa-aafb-4cd5-ba56-9810140c1385",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1729528543159,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "646008c0-f9ef-4a65-94b0-a66f90359b56",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "name",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "age",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "highest_education",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "courses",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "contact",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    },
+                    {
+                      "name": "occupation",
+                      "table": "646008c0-f9ef-4a65-94b0-a66f90359b56"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "4796f7ae-f37e-437c-a634-b3b1022b2986": {
+                      "column": "occupation",
+                      "operator": "in",
+                      "value": "{{components.occupation_multiselect.values}}",
+                      "id": "4796f7ae-f37e-437c-a634-b3b1022b2986"
+                    }
+                  }
+                },
+                "transformation": "// write your code here\n// return value will be set as data and the original data will be available as rawData\ndata = data.map(val => {\n  val.courses = val.courses.split(\",\");\n  return {\n    id:val.id,\n    name:val.name,\n    mobile_number: val.contact,\n    age: val.age,\n    highest_education: val.highest_education,\n    courses: val.courses,\n    occupation: val.occupation\n  };\n});\n\nreturn data;"
+              },
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "createdAt": "2024-10-29T01:28:19.714Z",
+              "updatedAt": "2024-10-29T02:09:21.136Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "3b9eb313-9d3f-47f1-b2e8-28f0ad3747b2",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T01:28:19.721Z",
+              "updatedAt": "2024-10-29T01:28:19.721Z"
+            },
+            {
+              "id": "cb82a259-4b68-4505-8bfa-2194a68889cc",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T01:28:19.731Z",
+              "updatedAt": "2024-10-29T01:28:19.731Z"
+            },
+            {
+              "id": "70b28420-fa2d-4e29-8006-2de6d80b386a",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T01:28:19.739Z",
+              "updatedAt": "2024-10-29T01:28:19.739Z"
+            },
+            {
+              "id": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T01:28:19.747Z",
+              "updatedAt": "2024-10-29T01:28:19.747Z"
+            },
+            {
+              "id": "31e53e8d-980f-43c3-bf17-ac3e0aebc0e3",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T01:28:19.755Z",
+              "updatedAt": "2024-10-29T01:28:19.755Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "e50f9023-8ee7-4cb4-a99f-7ae6d6691406",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "b9948d68-810a-44c7-a959-9ee70e37612d",
+              "appId": "15866bb1-9d9b-43e3-b8ef-dcfaa3f33850",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-29T01:28:19.708Z",
+              "updatedAt": "2024-12-03T23:00:56.885Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "bcb7aa3e-af36-43aa-8a5c-a96ecfd5e3ed",
+              "dataSourceId": "3b9eb313-9d3f-47f1-b2e8-28f0ad3747b2",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.728Z",
+              "updatedAt": "2024-10-29T01:28:19.728Z"
+            },
+            {
+              "id": "3b50bb70-26e2-4d13-a13a-b766d8be91d9",
+              "dataSourceId": "3b9eb313-9d3f-47f1-b2e8-28f0ad3747b2",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.728Z",
+              "updatedAt": "2024-10-29T01:28:19.728Z"
+            },
+            {
+              "id": "45e17438-d602-489b-a04c-b92fdb4765b9",
+              "dataSourceId": "3b9eb313-9d3f-47f1-b2e8-28f0ad3747b2",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.728Z",
+              "updatedAt": "2024-10-29T01:28:19.728Z"
+            },
+            {
+              "id": "1a3ed29a-ff6d-4506-a7ae-ac6275f640ec",
+              "dataSourceId": "cb82a259-4b68-4505-8bfa-2194a68889cc",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.737Z",
+              "updatedAt": "2024-10-29T01:28:19.737Z"
+            },
+            {
+              "id": "ac8d0a60-1bb5-4609-8706-c8c440aa1b0f",
+              "dataSourceId": "cb82a259-4b68-4505-8bfa-2194a68889cc",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.737Z",
+              "updatedAt": "2024-10-29T01:28:19.737Z"
+            },
+            {
+              "id": "7a7964a2-9c8c-4147-92df-523b4743d805",
+              "dataSourceId": "cb82a259-4b68-4505-8bfa-2194a68889cc",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.737Z",
+              "updatedAt": "2024-10-29T01:28:19.737Z"
+            },
+            {
+              "id": "82d54329-76bb-49f9-8378-478680fca93c",
+              "dataSourceId": "70b28420-fa2d-4e29-8006-2de6d80b386a",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.745Z",
+              "updatedAt": "2024-10-29T01:28:19.745Z"
+            },
+            {
+              "id": "016b11d0-5c11-4dac-8454-3c4b70887b29",
+              "dataSourceId": "70b28420-fa2d-4e29-8006-2de6d80b386a",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.745Z",
+              "updatedAt": "2024-10-29T01:28:19.745Z"
+            },
+            {
+              "id": "cbc82c68-8cce-4ef6-b97d-00e85f1a8238",
+              "dataSourceId": "70b28420-fa2d-4e29-8006-2de6d80b386a",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.745Z",
+              "updatedAt": "2024-10-29T01:28:19.745Z"
+            },
+            {
+              "id": "bd850e02-dfe0-4bb3-bf77-dc4376048370",
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.753Z",
+              "updatedAt": "2024-10-29T01:28:19.753Z"
+            },
+            {
+              "id": "99959867-1a8f-4541-a9a9-53785e262683",
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.753Z",
+              "updatedAt": "2024-10-29T01:28:19.753Z"
+            },
+            {
+              "id": "5f818ca2-2fd7-4f08-8821-3a40cc6ebb40",
+              "dataSourceId": "9d3612b6-8fea-4e4c-a6f6-c1d0675ff500",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.753Z",
+              "updatedAt": "2024-10-29T01:28:19.753Z"
+            },
+            {
+              "id": "2f64164c-8f69-42dc-b07d-6a6dab8234cb",
+              "dataSourceId": "31e53e8d-980f-43c3-bf17-ac3e0aebc0e3",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.763Z",
+              "updatedAt": "2024-10-29T01:28:19.763Z"
+            },
+            {
+              "id": "0e5be0e0-df17-4114-8872-a75a8566b916",
+              "dataSourceId": "31e53e8d-980f-43c3-bf17-ac3e0aebc0e3",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.763Z",
+              "updatedAt": "2024-10-29T01:28:19.763Z"
+            },
+            {
+              "id": "c10b3cfd-a468-4404-ae4b-c9b854c60e6f",
+              "dataSourceId": "31e53e8d-980f-43c3-bf17-ac3e0aebc0e3",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T01:28:19.763Z",
+              "updatedAt": "2024-10-29T01:28:19.763Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.17-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/student-management-system/manifest.json b/server/templates/student-management-system/manifest.json
new file mode 100644
index 0000000000..13ea39912d
--- /dev/null
+++ b/server/templates/student-management-system/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name": "Student management system",
+  "description": "Centralize student data management, including grades, attendance, and communications, for improved efficiency and accessibility.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    },
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "student-management-system",
+  "category": "educational-technology"
+}
\ No newline at end of file
diff --git a/server/templates/task-management-system/definition.json b/server/templates/task-management-system/definition.json
new file mode 100644
index 0000000000..b739813924
--- /dev/null
+++ b/server/templates/task-management-system/definition.json
@@ -0,0 +1,7757 @@
+{
+  "tooljet_database": [
+    {
+      "id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+      "table_name": "ticket_list",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"d228b8fc-bfa0-41a0-84b2-ba2fb682c86f_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "summary",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "description",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "assignee_email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "status",
+            "data_type": "character varying",
+            "column_default": "to_do",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "is_active",
+            "data_type": "boolean",
+            "column_default": "true",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_by_email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_by_email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "parent_task_id",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "priority",
+            "data_type": "character varying",
+            "column_default": "P2",
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "due_on",
+            "data_type": "bigint",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 64,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "b41568b4-dfc3-4f50-a00f-811349b76392",
+          "name": "Task management system",
+          "slug": "b41568b4-dfc3-4f50-a00f-811349b76392",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "sun",
+          "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-06-12T08:20:41.569Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-06-12T08:20:42.765Z",
+          "editingVersion": {
+            "id": "2778625f-981c-4716-8a3c-5614aea4a425",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+            "appId": "b41568b4-dfc3-4f50-a00f-811349b76392",
+            "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+            "promotedFrom": null,
+            "createdAt": "2024-06-12T08:20:41.587Z",
+            "updatedAt": "2024-07-31T02:01:25.167Z"
+          },
+          "components": [
+            {
+              "id": "f308a8c6-d5f2-484b-b419-6f6fcdc8c43d",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "properties": {
+                "text": {
+                  "value": "+ Add new ticket"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "32db4c68-2365-474e-b6b4-d6b785482a02",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 35,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "f308a8c6-d5f2-484b-b419-6f6fcdc8c43d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "5ed66b6c-2208-469c-8305-f65ef0ca07b9",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 36,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "f308a8c6-d5f2-484b-b419-6f6fcdc8c43d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "1200b719-802a-4976-916d-6f76de5e8c56",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "properties": {
+                "text": {
+                  "value": "All tickets"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "6348d322-2855-47ca-a0c5-12e5ff56664e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "1200b719-802a-4976-916d-6f76de5e8c56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "788526a8-46c3-4364-8de8-28caaabd19a4",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1200b719-802a-4976-916d-6f76de5e8c56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "fxActive": false
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{true}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:36:35.232Z",
+              "layouts": [
+                {
+                  "id": "9eefa7d6-474b-4495-a8b3-b0a202a8c018",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 620,
+                  "componentId": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "58112f66-cfed-4427-a2ff-009c48705926",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 1,
+                  "width": 41,
+                  "height": 600,
+                  "componentId": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-31T02:01:02.257Z"
+                }
+              ]
+            },
+            {
+              "id": "89f97b08-a909-4ce3-9f19-0b11a95f8c27",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "3cd4015f-4c5f-4286-be8a-c8cd99cbc99a",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">Task management system</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "right"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{true}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:58:09.759Z",
+              "layouts": [
+                {
+                  "id": "b68a6e31-a1af-4aad-8559-92c17061de10",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 29,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "89f97b08-a909-4ce3-9f19-0b11a95f8c27",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "3cd4015f-4c5f-4286-be8a-c8cd99cbc99a",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{true}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:58:01.945Z",
+              "layouts": [
+                {
+                  "id": "2fd04239-7111-4cd6-b684-11ccc0002f7f",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "3cd4015f-4c5f-4286-be8a-c8cd99cbc99a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "6951ab27-166a-4c46-ba7c-5d287fc3827a",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "3cd4015f-4c5f-4286-be8a-c8cd99cbc99a",
+              "properties": {
+                "text": {
+                  "value": "B R A N D"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{24}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{true}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:58:05.213Z",
+              "layouts": [
+                {
+                  "id": "8e445971-2d2a-46b3-8fc0-6c2678f98272",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6951ab27-166a-4c46-ba7c-5d287fc3827a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "12e40ec6-0baf-4761-9082-6c0d4890a7a8",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select assignee"
+                },
+                "values": {
+                  "value": "{{[true, false]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Tickets assigned to me\", \"All tickets\"]}}"
+                },
+                "value": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "c86f42e9-22df-4eab-96d8-73e74f66c67a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 17,
+                  "width": 8.999999999999998,
+                  "height": 40,
+                  "componentId": "12e40ec6-0baf-4761-9082-6c0d4890a7a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "6a5c91fc-4a16-4140-894a-1f4fb40cf0da",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 17,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "12e40ec6-0baf-4761-9082-6c0d4890a7a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "4cbde1ed-1924-41aa-a958-9b1c7a4e3018",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696",
+              "properties": {
+                "text": {
+                  "value": "{{`${({ bug: \"🐛\", epic: \"🌟\", subtask: \"🧩\", task: \"📌\" })[cardData.type]}&nbsp;&nbsp;&nbsp;&nbsp;#${cardData.id}`}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": 16
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": 16
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "{{cardData.title}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "237c1a16-5626-4d17-8166-212a71eecf8c",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 7,
+                  "width": 28.999999999999996,
+                  "height": 40,
+                  "componentId": "4cbde1ed-1924-41aa-a958-9b1c7a4e3018",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "37a37581-81be-4499-a26e-984f6f06a696",
+              "name": "kanban1",
+              "type": "Kanban",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "properties": {
+                "columnData": {
+                  "value": "{{[{ \"id\": \"to_do\", \"title\": \"🗒️ To do\" },{ \"id\": \"in_progress\", \"title\": \"⏳ In progress\" },{ \"id\": \"done\", \"title\": \"🎉 Done\" }]}}"
+                },
+                "cardData": {
+                  "value": "{{queries.getTickets.data.map((row) => ({...row, columnId: row.status}))}}"
+                },
+                "cardWidth": {
+                  "value": "{{parseInt((document.getElementById(components.kanban1.id).offsetWidth - 210) / 3)}}"
+                },
+                "cardHeight": {
+                  "value": "{{150}}"
+                },
+                "enableAddCard": {
+                  "value": "{{false}}"
+                },
+                "showDeleteButton": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "accentColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "3f2206a0-1d3d-47ff-ae99-9d1532f50b95",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 40,
+                  "height": 490,
+                  "componentId": "37a37581-81be-4499-a26e-984f6f06a696",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "85651659-ae2f-42e6-a4e4-041ba3e608bd",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 41.99999999999999,
+                  "height": 540,
+                  "componentId": "37a37581-81be-4499-a26e-984f6f06a696",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "29ae1583-b5a5-474e-9095-ce1c69843ea8",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #aaaaaa3c; padding-top: 5px; line-height: 20px;\">${cardData.summary}</div>`}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": "16"
+                },
+                "verticalAlignment": {
+                  "value": "top"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "{{cardData.description}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "backgroundColor": {
+                  "fxActive": false,
+                  "value": "#fff00000"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "enabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "0abc9069-7ee9-4308-8ff8-cca555bdbd17",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 2,
+                  "width": 39,
+                  "height": 60,
+                  "componentId": "29ae1583-b5a5-474e-9095-ce1c69843ea8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "0e207047-e387-4788-9082-3ff820a9dd19",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696",
+              "properties": {
+                "text": {
+                  "value": "{{({ P0: \"🔴\", P1: \"🟠\", P2: \"🟡\", P3: \"🟢\", P4: \"🔵\" })[cardData.priority]}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "3aa862f1-3201-4fac-af4b-bf8ca77aca35",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "0e207047-e387-4788-9082-3ff820a9dd19",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "d22a1698-bb11-402e-969b-9accd4b0d4a3",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 2,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "0e207047-e387-4788-9082-3ff820a9dd19",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "b59160eb-1b4b-4b83-935b-2a0c4a63d0f2",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{`Ticket #${cardData.id}`}}"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": 16
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": "20"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "{{cardData.title}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "7f014e0e-8200-425d-ae8d-6fa73437d7a7",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 39.00000000000001,
+                  "height": 40,
+                  "componentId": "b59160eb-1b4b-4b83-935b-2a0c4a63d0f2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "c20b7212-f18d-4779-8c99-143eaca488f1",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "0d301bcb-fda3-4ddb-ade7-59ca4d89fa7b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "c20b7212-f18d-4779-8c99-143eaca488f1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "b2c52a7e-41b9-4166-9185-bb4faf8daab8",
+              "name": "dropdown3",
+              "type": "DropDown",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{\"P2\"}}"
+                },
+                "values": {
+                  "value": "{{[\"P0\", \"P1\", \"P2\", \"P3\", \"P4\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🔴 P0\", \"🟠 P1\", \"🟡 P2\", \"🟢 P3\", \"🔵 P4\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "dee21226-fbb9-4a89-89a5-b57c0158628b",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "b2c52a7e-41b9-4166-9185-bb4faf8daab8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "feadbf61-4330-4d10-87b4-1e1628249d2e",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "b2c52a7e-41b9-4166-9185-bb4faf8daab8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "354737ea-f17e-4d06-adde-1ff97f94e8a6",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "c20b7212-f18d-4779-8c99-143eaca488f1",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"font-weight: 600;\">${globals.urlparams.parent_ticket_id == undefined ? \"All tickets\" : `Subtasks of ticket #${globals.urlparams.parent_ticket_id}`}</div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "12e7bc1a-5d3b-4367-bb71-277ff42cb935",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 21.999999999999996,
+                  "height": 40,
+                  "componentId": "354737ea-f17e-4d06-adde-1ff97f94e8a6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "06c7f7d8-2a72-43f1-ac3c-100772ae044c",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "de4ba0b0-cd31-4208-96fb-285a9fff1d6e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "06c7f7d8-2a72-43f1-ac3c-100772ae044c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "268cd4e3-16fb-420b-935c-942fc1ca8e96",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "c20b7212-f18d-4779-8c99-143eaca488f1",
+              "properties": {
+                "icon": {
+                  "value": "IconCircleArrowLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "374b55a0-5b26-47d5-a31b-aaadcc3c0ef1",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "268cd4e3-16fb-420b-935c-942fc1ca8e96",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "e6396fe6-1f90-4ca5-a5b3-0e1c156f3d09",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "268cd4e3-16fb-420b-935c-942fc1ca8e96",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "fc49f77a-b9bd-4b58-9667-218b99c5c594",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "06c7f7d8-2a72-43f1-ac3c-100772ae044c",
+              "properties": {
+                "icon": {
+                  "value": "IconCircleArrowLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "aba83e77-bd5a-456a-8496-25f8ecf9a579",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "fc49f77a-b9bd-4b58-9667-218b99c5c594",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "408146ad-1bf9-4141-bff1-1a953d7147c6",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "fc49f77a-b9bd-4b58-9667-218b99c5c594",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "55904807-1eda-4267-a05c-f536a4f56916",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getTicketDetails.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "8dfd30df-8d26-4575-ba52-5d72dc4e70f3",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "55904807-1eda-4267-a05c-f536a4f56916",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "2508ad6a-74cd-45be-8cbb-c22c86d992b8",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "55904807-1eda-4267-a05c-f536a4f56916",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "0703671c-553f-4036-9150-27f43631efc7",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "50050128-7d01-4d77-87b7-9622868c2df7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "53396af4-6641-4db2-80dc-96cdb0e1a806",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "50050128-7d01-4d77-87b7-9622868c2df7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "923837b9-f5d3-45ef-8d9c-461609f468f8",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Add new ticket"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "c091fcaf-567c-4adb-9280-c7a99c10e28b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "923837b9-f5d3-45ef-8d9c-461609f468f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "0f58a193-f2d8-4a1f-a874-5c4896bd94e3",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "923837b9-f5d3-45ef-8d9c-461609f468f8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "f689e333-1f94-4dd1-96d4-7adcbe35294f",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Summary"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "7b2fc932-af0c-43ba-b8aa-8fe3d842c087",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "f689e333-1f94-4dd1-96d4-7adcbe35294f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "387cde37-1cda-44a7-89bc-880ad8ffff7d",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f689e333-1f94-4dd1-96d4-7adcbe35294f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "39855db5-4923-487a-9ecb-6a812c81afa6",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter caption"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "986dd97e-52b3-466d-bb72-8ee66c639678",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "39855db5-4923-487a-9ecb-6a812c81afa6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "ff6c0343-042c-46cb-b202-62b4df6f0669",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "39855db5-4923-487a-9ecb-6a812c81afa6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "1d3fe903-a20c-4a0c-a302-0635dca29287",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "a155ed6c-73d7-4187-a46a-1904098440b0",
+                  "type": "desktop",
+                  "top": 280,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "1d3fe903-a20c-4a0c-a302-0635dca29287",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "9a6e0c1b-c196-4bf1-85a8-a45a8f7603b5",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1d3fe903-a20c-4a0c-a302-0635dca29287",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "2a52f81e-6aa7-4f2b-9970-b423bae1446b",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "fa711797-5da5-4edf-97e4-5bf2f43ba710",
+                  "type": "mobile",
+                  "top": 260,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "2a52f81e-6aa7-4f2b-9970-b423bae1446b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "25877c39-5f59-48e9-be19-4211b7d21dca",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 1,
+                  "width": 41,
+                  "height": 100,
+                  "componentId": "2a52f81e-6aa7-4f2b-9970-b423bae1446b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "b42b6e53-4391-4828-abd5-640036b60d8e",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "669032eb-7fa3-496d-99b6-0bb97ad319c1",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "b42b6e53-4391-4828-abd5-640036b60d8e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "b360ae94-d3ae-4213-82ee-177fa6bfa04c",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": "b42b6e53-4391-4828-abd5-640036b60d8e",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"font-weight: 600;\">All tickets</div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "1ae1b280-9e73-45a3-8e7e-df5e600c9bff",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "b360ae94-d3ae-4213-82ee-177fa6bfa04c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "881ab719-0b2f-4da4-9c90-428c66696482",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": "b42b6e53-4391-4828-abd5-640036b60d8e",
+              "properties": {
+                "icon": {
+                  "value": "IconCircleArrowLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "84c0853b-8b69-4622-aeeb-976c6101180a",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "881ab719-0b2f-4da4-9c90-428c66696482",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "c262b04f-b91f-4384-8a7c-8222f37ca8f6",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "881ab719-0b2f-4da4-9c90-428c66696482",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "7738334d-5d55-4b5d-a0ae-2a39430c0c73",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "{{`Ticket #${globals.urlparams.id} details`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "00643e73-7438-4530-a788-71fd80c64425",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "7738334d-5d55-4b5d-a0ae-2a39430c0c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "c8822365-6f7d-4f81-b806-22afe47a9d15",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "7738334d-5d55-4b5d-a0ae-2a39430c0c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "1e61b4fe-256c-4411-9000-fb551b399751",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Summary"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "14"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "d6cb3a1d-ccaf-40df-9a76-ce339cccec20",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1e61b4fe-256c-4411-9000-fb551b399751",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "ac033f32-0efe-4ea6-8f50-07f6c92008dc",
+                  "type": "desktop",
+                  "top": 180,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "1e61b4fe-256c-4411-9000-fb551b399751",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "b041dc9b-c2dc-46c0-b1ef-6d406e07c4d9",
+              "name": "textinput1",
+              "type": "TextInput",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter caption"
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.summary}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "65691ebc-9a8e-43aa-b654-165e7cfc3edb",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "b041dc9b-c2dc-46c0-b1ef-6d406e07c4d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "2c28e20a-c0ea-49ea-b060-bdb1750efeac",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 1,
+                  "width": 41,
+                  "height": 40,
+                  "componentId": "b041dc9b-c2dc-46c0-b1ef-6d406e07c4d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "e9ddef59-caf2-4ae0-814c-0014edcb5bbc",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "d1f19ebb-15c0-43a9-acb6-0f91c6d0e81c",
+                  "type": "desktop",
+                  "top": 280,
+                  "left": 1,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "e9ddef59-caf2-4ae0-814c-0014edcb5bbc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "b33650bc-f3bf-45ad-8d01-c782df93d1b4",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "e9ddef59-caf2-4ae0-814c-0014edcb5bbc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "e106bdb8-0c39-48e9-9b19-1f41cb0e62a1",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.description}}"
+                },
+                "placeholder": {
+                  "value": "Enter description"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "3160efe1-c174-4e5e-83fa-065dd05b0fe3",
+                  "type": "mobile",
+                  "top": 260,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 100,
+                  "componentId": "e106bdb8-0c39-48e9-9b19-1f41cb0e62a1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "22643e96-fd29-4a87-93dc-b174ec01e126",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 1,
+                  "width": 41,
+                  "height": 100,
+                  "componentId": "e106bdb8-0c39-48e9-9b19-1f41cb0e62a1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "8752016c-b8df-4d59-b442-bc301cf8ec76",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Assignee email"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "2b34db96-e13b-41e1-afdd-e025a478388c",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 10,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "8752016c-b8df-4d59-b442-bc301cf8ec76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "df77d470-079f-487b-8a26-bfd0d59bb1cd",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8752016c-b8df-4d59-b442-bc301cf8ec76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "7768bd74-ffea-4e3b-93f0-d9ea93095172",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter assignee email"
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.assignee_email}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "6aeee8ad-f99f-452c-8885-bcabba9db404",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "7768bd74-ffea-4e3b-93f0-d9ea93095172",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "37074e5f-4783-40fd-b32b-67feb78cdee6",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 10,
+                  "width": 32,
+                  "height": 40,
+                  "componentId": "7768bd74-ffea-4e3b-93f0-d9ea93095172",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "a74a4137-f97e-4693-96eb-c5484bec6a81",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "81f93ff9-a5cd-494b-9f14-17d2fd20c6ea",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a74a4137-f97e-4693-96eb-c5484bec6a81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "09278dc2-61a5-4eb8-b864-704c00675778",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 19,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "a74a4137-f97e-4693-96eb-c5484bec6a81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "f957c66c-3d9a-493f-ba8f-542ada9fa376",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select type"
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.type}}"
+                },
+                "values": {
+                  "value": "{{[\"bug\", \"epic\", \"subtask\", \"task\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🐛 Bug\", \"🌟 Epic\", \"🧩 Subtask\", \"📌 Task\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "91695f1e-3043-4754-8ce7-249d5bd12927",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 19,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "f957c66c-3d9a-493f-ba8f-542ada9fa376",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "f22f9b75-fa22-4307-b5ee-2d048a7eee47",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "f957c66c-3d9a-493f-ba8f-542ada9fa376",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "7e74261b-61a8-4f04-99f2-401c5f399591",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "e9f257b6-7dbb-4d04-84bf-647963f58d82",
+                  "type": "mobile",
+                  "top": 830,
+                  "left": 11,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "7e74261b-61a8-4f04-99f2-401c5f399591",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "689fabaf-a39b-421e-ae0a-3ba197d4fae9",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "7e74261b-61a8-4f04-99f2-401c5f399591",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "d2af24c9-f0a9-4b41-a9ae-8932cf166f09",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": "7e74261b-61a8-4f04-99f2-401c5f399591",
+              "properties": {
+                "text": {
+                  "value": "Archived tickets"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "01045295-d8c5-4a75-889c-00049cab4b57",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d2af24c9-f0a9-4b41-a9ae-8932cf166f09",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "50952184-61bb-463c-a88e-f7e622f22f57",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "d2af24c9-f0a9-4b41-a9ae-8932cf166f09",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "ad5a90e9-d294-4ff2-8a9f-075aeb445093",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "parent": "7e74261b-61a8-4f04-99f2-401c5f399591",
+              "properties": {
+                "data": {
+                  "value": "{{queries.getArchivedTickets.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 30,
+                      "columnType": "string"
+                    },
+                    {
+                      "id": "a8216b71-67f9-4296-b064-647a5b25eb4a",
+                      "name": "summary",
+                      "key": "summary",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "bec98d2d-82e7-43e2-abff-1f24b3e81f86",
+                      "name": "status",
+                      "key": "status",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ to_do: \"🗒️ To do\", in_progress: \"⏳ In progress\", done: \"🎉 Done\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "153c0138-439f-49d1-b688-92ab5b9a7dbb",
+                      "name": "type",
+                      "key": "type",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ bug: \"🐛 Bug\", epic: \"🌟 Epic\", subtask: \"🧩 Subtask\", task: \"📌 Task\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "34caa056-ed0c-402d-9e21-66d8a7a11da2",
+                      "name": "priority",
+                      "key": "priority",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ P0: \"🔴 P0\", P1: \"🟠 P1\", P2: \"🟡 P2\", P3: \"🟢 P3\", P4: \"🔵 P4\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "fb136bc8-5bc4-4bac-a455-8637a19c6e66",
+                      "name": "due on",
+                      "key": "due_on",
+                      "columnType": "datepicker",
+                      "autogenerated": true,
+                      "isTimeChecked": false,
+                      "dateFormat": "DD MMM YYYY",
+                      "parseDateFormat": "DD/MM/YYYY",
+                      "isDateSelectionEnabled": true,
+                      "parseInUnixTimestamp": "{{true}}",
+                      "unixTimestamp": "milliseconds"
+                    },
+                    {
+                      "id": "8448d152-ad21-4e20-9bf7-933a892a5548",
+                      "name": "assignee email",
+                      "key": "assignee_email",
+                      "columnType": "string",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "description",
+                    "is_active",
+                    "created_at",
+                    "updated_at",
+                    "updated_by_email",
+                    "created_by_email",
+                    "parent_task_id"
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "8448d152-ad21-4e20-9bf7-933a892a5548": 155,
+                    "a8216b71-67f9-4296-b064-647a5b25eb4a": 128,
+                    "bec98d2d-82e7-43e2-abff-1f24b3e81f86": 120,
+                    "153c0138-439f-49d1-b688-92ab5b9a7dbb": 103,
+                    "34caa056-ed0c-402d-9e21-66d8a7a11da2": 124,
+                    "fb136bc8-5bc4-4bac-a455-8637a19c6e66": 122
+                  }
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getArchivedTickets.isLoading}}"
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "Unarchive",
+                      "events": [],
+                      "position": "right",
+                      "fxActiveFields": [
+                        "disableActionButton"
+                      ],
+                      "disableActionButton": "{{queries.unarchiveTicket.isLoading}}"
+                    }
+                  ]
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "8d3fbf52-872e-4935-ad1c-f671a9159876",
+                  "type": "mobile",
+                  "top": 120,
+                  "left": 2,
+                  "width": 81.3953488372093,
+                  "height": 456,
+                  "componentId": "ad5a90e9-d294-4ff2-8a9f-075aeb445093",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "0bec6ed0-e3a1-484c-9965-1443f8fdf70c",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 41,
+                  "height": 530,
+                  "componentId": "ad5a90e9-d294-4ff2-8a9f-075aeb445093",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "b3b1399b-69dc-4207-b283-301e140a9131",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": "7f6b6f8f-ce19-4c41-8a59-9ca4b45c9c9f",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"font-weight: 600;\">Ticket #${globals.urlparams.id} details</div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "f46a8d50-c870-4b8e-91cd-1dfc64678d0d",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "b3b1399b-69dc-4207-b283-301e140a9131",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "7f6b6f8f-ce19-4c41-8a59-9ca4b45c9c9f",
+              "name": "container1",
+              "type": "Container",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "e90eb303-fea4-446b-afe8-87f11a04864b",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "7f6b6f8f-ce19-4c41-8a59-9ca4b45c9c9f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "1120bc50-ff5e-43a6-8fd2-24e60ffeb4af",
+              "name": "icon1",
+              "type": "Icon",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": "7f6b6f8f-ce19-4c41-8a59-9ca4b45c9c9f",
+              "properties": {
+                "icon": {
+                  "value": "IconCircleArrowLeft"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "e752986a-a157-4e3d-9ea3-f2b5f4e68991",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 5,
+                  "width": 11.627906976744185,
+                  "height": 48,
+                  "componentId": "1120bc50-ff5e-43a6-8fd2-24e60ffeb4af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                },
+                {
+                  "id": "bde3e1d9-99ba-4f0c-8c6c-35161f846844",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 2,
+                  "height": 40,
+                  "componentId": "1120bc50-ff5e-43a6-8fd2-24e60ffeb4af",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "1862497f-eec9-4116-ba35-804c222ba0eb",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "a8543e3b-8c58-4462-80b7-7719aa96b38c",
+                  "type": "mobile",
+                  "top": 830,
+                  "left": 11,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "1862497f-eec9-4116-ba35-804c222ba0eb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                },
+                {
+                  "id": "2da113d5-b77b-47df-9eff-f2066e0b6b7f",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 630,
+                  "componentId": "1862497f-eec9-4116-ba35-804c222ba0eb",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "758936a0-18b8-4eaa-b887-09aec59636ef",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": "1862497f-eec9-4116-ba35-804c222ba0eb",
+              "properties": {
+                "text": {
+                  "value": "{{`Subtasks of ticket #${globals.urlparams.id}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "24"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "2643418f-552f-4985-812d-679ef402020b",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "758936a0-18b8-4eaa-b887-09aec59636ef",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                },
+                {
+                  "id": "e61aa7d5-3335-4fc2-b59b-323ff31b6c1d",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "758936a0-18b8-4eaa-b887-09aec59636ef",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "61fcd9c8-9b8b-4631-956c-b0cef732bb88",
+              "name": "table1",
+              "type": "Table",
+              "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "parent": "1862497f-eec9-4116-ba35-804c222ba0eb",
+              "properties": {
+                "data": {
+                  "value": "{{queries.getSubtasks.data}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "name": "id",
+                      "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+                      "autogenerated": true,
+                      "fxActiveFields": [],
+                      "columnSize": 30,
+                      "columnType": "string"
+                    },
+                    {
+                      "id": "a8216b71-67f9-4296-b064-647a5b25eb4a",
+                      "name": "summary",
+                      "key": "summary",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "bec98d2d-82e7-43e2-abff-1f24b3e81f86",
+                      "name": "status",
+                      "key": "status",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ to_do: \"🗒️ To do\", in_progress: \"⏳ In progress\", done: \"🎉 Done\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "153c0138-439f-49d1-b688-92ab5b9a7dbb",
+                      "name": "type",
+                      "key": "type",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ bug: \"🐛 Bug\", epic: \"🌟 Epic\", subtask: \"🧩 Subtask\", task: \"📌 Task\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "34caa056-ed0c-402d-9e21-66d8a7a11da2",
+                      "name": "priority",
+                      "key": "priority",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "transformation": "{{({ P0: \"🔴 P0\", P1: \"🟠 P1\", P2: \"🟡 P2\", P3: \"🟢 P3\", P4: \"🔵 P4\" })[cellValue]}}"
+                    },
+                    {
+                      "id": "fb136bc8-5bc4-4bac-a455-8637a19c6e66",
+                      "name": "due on",
+                      "key": "due_on",
+                      "columnType": "datepicker",
+                      "autogenerated": true,
+                      "isTimeChecked": false,
+                      "dateFormat": "DD MMM YYYY",
+                      "parseDateFormat": "DD/MM/YYYY",
+                      "isDateSelectionEnabled": true,
+                      "parseInUnixTimestamp": "{{true}}",
+                      "unixTimestamp": "milliseconds"
+                    },
+                    {
+                      "id": "8448d152-ad21-4e20-9bf7-933a892a5548",
+                      "name": "assignee email",
+                      "key": "assignee_email",
+                      "columnType": "string",
+                      "autogenerated": true
+                    }
+                  ]
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{false}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "description",
+                    "is_active",
+                    "created_at",
+                    "updated_at",
+                    "updated_by_email",
+                    "created_by_email",
+                    "parent_task_id"
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "8448d152-ad21-4e20-9bf7-933a892a5548": 155,
+                    "a8216b71-67f9-4296-b064-647a5b25eb4a": 128,
+                    "bec98d2d-82e7-43e2-abff-1f24b3e81f86": 120,
+                    "153c0138-439f-49d1-b688-92ab5b9a7dbb": 103,
+                    "34caa056-ed0c-402d-9e21-66d8a7a11da2": 124,
+                    "fb136bc8-5bc4-4bac-a455-8637a19c6e66": 122
+                  }
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.getSubtasks.isLoading}}"
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "View details",
+                      "events": [],
+                      "position": "right"
+                    }
+                  ]
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "actionButtonRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "cd2cf517-b096-465b-b725-f23392be2dd0",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 41,
+                  "height": 530,
+                  "componentId": "61fcd9c8-9b8b-4631-956c-b0cef732bb88",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                },
+                {
+                  "id": "124bc3ed-a9c3-41ab-a098-bf591b45c347",
+                  "type": "mobile",
+                  "top": 120,
+                  "left": 2,
+                  "width": 81.3953488372093,
+                  "height": 456,
+                  "componentId": "61fcd9c8-9b8b-4631-956c-b0cef732bb88",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.004Z"
+                }
+              ]
+            },
+            {
+              "id": "bcf0ab9f-b66c-4799-8778-3471d1e780e0",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"overflow: hidden; text-overflow: ellipsis;\">Due on ${moment(cardData.due_on).format(\"DD MMM YYYY\")}</div>`}}"
+                },
+                "textSize": {
+                  "value": 14
+                },
+                "textColor": {
+                  "value": "#000"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000"
+                },
+                "textSize": {
+                  "value": "12"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textIndent": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "bottom"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "{{cardData.description}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "b44c6909-5e16-41f3-82bf-0d48136125c6",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 2,
+                  "width": 39,
+                  "height": 30,
+                  "componentId": "bcf0ab9f-b66c-4799-8778-3471d1e780e0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "f1964039-1831-40f2-ad57-3b16beabd266",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{`${cardData.priority}&nbsp;&nbsp;&nbsp;&nbsp;${\n  { P0: \"🔴\", P1: \"🟠\", P2: \"🟡\", P3: \"🟢\", P4: \"🔵\" }[cardData.priority]\n}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "1f757e9d-0211-474a-83c9-fa3c0379c859",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f1964039-1831-40f2-ad57-3b16beabd266",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "3262bca2-8036-4217-9f31-ca1adc41a4df",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 7,
+                  "width": 35,
+                  "height": 40,
+                  "componentId": "f1964039-1831-40f2-ad57-3b16beabd266",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "25d0a44c-cf97-46db-a09c-c56f0e9809a4",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "Priority:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "bdb80b92-e24e-4331-b16b-c7d8852ad10b",
+                  "type": "desktop",
+                  "top": 170,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "25d0a44c-cf97-46db-a09c-c56f0e9809a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "719a8095-652c-4754-97d2-c268c5e48bc7",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "25d0a44c-cf97-46db-a09c-c56f0e9809a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "fba00ef9-10c9-46b6-b511-5d871dde64f5",
+              "name": "text13",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "Summary:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "8cccdc76-2d0e-497f-bcd4-f51c458d516d",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "fba00ef9-10c9-46b6-b511-5d871dde64f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "a8bc6035-ef2c-445f-b090-fa4edeff1efd",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "fba00ef9-10c9-46b6-b511-5d871dde64f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "4e5cfa0f-2730-41dc-b93f-802af17f678a",
+              "name": "text14",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">${cardData.summary}</div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "backgroundColor": {
+                  "fxActive": false,
+                  "value": "#aaaaaa1a"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "506acd0d-31a7-429a-8078-824dd4b53da9",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 7,
+                  "width": 35,
+                  "height": 40,
+                  "componentId": "4e5cfa0f-2730-41dc-b93f-802af17f678a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "a682353c-76f2-4792-8c43-24f9a5de42ca",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "4e5cfa0f-2730-41dc-b93f-802af17f678a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "60b3d9c7-40cf-4e9a-bb70-6eee593cf76e",
+              "name": "text15",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "Description:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "a8d5e663-1dbd-4a62-90a4-1ed6b6effe63",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "60b3d9c7-40cf-4e9a-bb70-6eee593cf76e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "94fdecb3-2761-4cc3-b4d0-bbf03ef26a95",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "60b3d9c7-40cf-4e9a-bb70-6eee593cf76e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "a00149c3-2eb5-435a-9cb5-d35bc78cfa83",
+              "name": "text16",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{`<div style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\">${cardData.description}</div>`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "07f29951-9c38-4160-85a7-3cb44164e00d",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 7,
+                  "width": 35,
+                  "height": 40,
+                  "componentId": "a00149c3-2eb5-435a-9cb5-d35bc78cfa83",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "dcf34bb4-742e-46f6-b18e-438de08ba2b8",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a00149c3-2eb5-435a-9cb5-d35bc78cfa83",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "b43220a6-4450-4943-958f-edd406b146f5",
+              "name": "text17",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "Type:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "59b37028-22ad-4fa3-bee8-10546ab74523",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "b43220a6-4450-4943-958f-edd406b146f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "426a0c3d-1a02-446a-b265-0fccb6c23f6f",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "b43220a6-4450-4943-958f-edd406b146f5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "bdc11538-d7f1-4bb6-b56e-dcb518fe039f",
+              "name": "text18",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{`${\n  {\n    bug: \"Bug&nbsp;&nbsp;&nbsp;&nbsp;🐛\",\n    epic: \"Epic&nbsp;&nbsp;&nbsp;&nbsp;🌟\",\n    subtask: \"Subtask&nbsp;&nbsp;&nbsp;&nbsp;🧩\",\n    task: \"Task&nbsp;&nbsp;&nbsp;&nbsp;📌\",\n  }[cardData.type]\n}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "66d5d510-8363-46b8-a7c0-8be5b074f512",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "bdc11538-d7f1-4bb6-b56e-dcb518fe039f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "82aec09c-3e60-486e-8d1c-ab650bb59bed",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 7,
+                  "width": 35,
+                  "height": 40,
+                  "componentId": "bdc11538-d7f1-4bb6-b56e-dcb518fe039f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "2766c559-1895-451c-81a9-895e33cb2894",
+              "name": "text20",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "{{moment(cardData.due_on).format(\"DD MMMM YYYY\")}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "backgroundColor": {
+                  "value": "#aaaaaa1a"
+                },
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "cac660aa-addc-4a80-956c-d679fbe00405",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 12,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "2766c559-1895-451c-81a9-895e33cb2894",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "24289698-3500-4d53-81f0-bc647fb7a894",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 7,
+                  "width": 35,
+                  "height": 40,
+                  "componentId": "2766c559-1895-451c-81a9-895e33cb2894",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "cec7765e-274e-465c-86e2-ac2a98376f2a",
+              "name": "text19",
+              "type": "Text",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "Due on:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "0d1554f4-ffd1-46b5-a3b6-2030a36c0f3c",
+                  "type": "mobile",
+                  "top": 130,
+                  "left": 5,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "cec7765e-274e-465c-86e2-ac2a98376f2a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "3ef45bd9-713a-4c60-9f08-1d86e9746485",
+                  "type": "desktop",
+                  "top": 220,
+                  "left": 1,
+                  "width": 6.000000000000001,
+                  "height": 40,
+                  "componentId": "cec7765e-274e-465c-86e2-ac2a98376f2a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "03eddc1f-2538-4cfa-8067-5cb64ff4ec85",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "37a37581-81be-4499-a26e-984f6f06a696-modal",
+              "properties": {
+                "text": {
+                  "value": "View details"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "57f5438d-71f7-4ce0-a470-60455c79bce8",
+                  "type": "desktop",
+                  "top": 330,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "03eddc1f-2538-4cfa-8067-5cb64ff4ec85",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "f87a9b2b-6db0-4930-85ba-b6ce3026d618",
+                  "type": "mobile",
+                  "top": 340,
+                  "left": 30,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "03eddc1f-2538-4cfa-8067-5cb64ff4ec85",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "227f3882-a7d6-4770-8ce5-e6236671eb59",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "parent": "79df8f91-9d66-4412-965d-5d8612bdfa5b",
+              "properties": {
+                "text": {
+                  "value": "View archived tickets"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#f5a623ff"
+                },
+                "textColor": {
+                  "value": "#f5a623ff"
+                },
+                "loaderColor": {
+                  "value": "#f5a623ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "f01e273e-fab7-462d-b3ac-8deec2b928ba",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 27,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "227f3882-a7d6-4770-8ce5-e6236671eb59",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "a04b5326-4c63-4065-a450-facf205d272f",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 36,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "227f3882-a7d6-4770-8ce5-e6236671eb59",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "477a3405-8729-4680-8b2f-564b4ca21b9e",
+              "name": "textinput2",
+              "type": "TextInput",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter assignee email"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "95f8e4f0-bdf5-4c8c-93b3-c4a9bae32487",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "477a3405-8729-4680-8b2f-564b4ca21b9e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "a207e96b-3cdb-474d-9f38-f654c056ba27",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 10,
+                  "width": 32,
+                  "height": 40,
+                  "componentId": "477a3405-8729-4680-8b2f-564b4ca21b9e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "92cbc505-b07c-4f5d-a7e7-da329921902a",
+              "name": "text6",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Assignee email"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "ed0c7aa3-c903-40e0-a740-99dea760176b",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "92cbc505-b07c-4f5d-a7e7-da329921902a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "80492366-5c15-436d-b153-ec9d6f8b15b8",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 10,
+                  "width": 14,
+                  "height": 30,
+                  "componentId": "92cbc505-b07c-4f5d-a7e7-da329921902a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "fbeb21fe-c07a-4cd1-9eab-c84fb3c39ee8",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "8a8d3755-0d15-4acd-be5c-729e1a8e5648",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 19,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "fbeb21fe-c07a-4cd1-9eab-c84fb3c39ee8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "c402c91d-81e9-4138-b1b5-34de0671d088",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "fbeb21fe-c07a-4cd1-9eab-c84fb3c39ee8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "1a2461c8-62a4-43c7-a1da-fc18f914e82e",
+              "name": "dropdown1",
+              "type": "DropDown",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Select type"
+                },
+                "value": {
+                  "value": "{{\"task\"}}"
+                },
+                "values": {
+                  "value": "{{[\"bug\", \"epic\", \"subtask\", \"task\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🐛 Bug\", \"🌟 Epic\", \"🧩 Subtask\", \"📌 Task\"]}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "917d5207-3fc4-4775-9e78-154304521581",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "1a2461c8-62a4-43c7-a1da-fc18f914e82e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "f788bc1d-5f93-42d4-959f-633510bbbce2",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 19,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "1a2461c8-62a4-43c7-a1da-fc18f914e82e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "a503dee2-0613-406f-bd3d-55b95ad0251e",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.status}}"
+                },
+                "values": {
+                  "value": "{{[\"to_do\", \"in_progress\", \"done\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🗒️ To do\", \"⏳ In progress\", \"🎉 Done\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "fb7e0e79-31e4-46f2-a5e5-946c381e22d7",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 7,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "a503dee2-0613-406f-bd3d-55b95ad0251e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "75f18691-f7d2-49ae-b018-31490e25ecbc",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "a503dee2-0613-406f-bd3d-55b95ad0251e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "3e34a498-e269-4db1-ae10-2b6ea57bb497",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Status"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "9b263745-ff74-4afd-9bef-890a695f1e1f",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "3e34a498-e269-4db1-ae10-2b6ea57bb497",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "8aca3388-5dec-409b-89e9-0b8be1eb60a3",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 7,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "3e34a498-e269-4db1-ae10-2b6ea57bb497",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "321f36d4-2471-46db-92e7-ebefb9432588",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Status"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "3256c7e9-70ee-481a-a141-eec3e8c50016",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "321f36d4-2471-46db-92e7-ebefb9432588",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "824fcbf5-7c4f-4d1d-929b-093d8a6bd303",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 7,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "321f36d4-2471-46db-92e7-ebefb9432588",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "a75bda81-0337-4cb1-aa42-eef077e42e19",
+              "name": "dropdown2",
+              "type": "DropDown",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{\"to_do\"}}"
+                },
+                "values": {
+                  "value": "{{[\"to_do\", \"in_progress\", \"done\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🗒️ To do\", \"⏳ In progress\", \"🎉 Done\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "9e07520f-58f0-4d12-a8d0-ea24db78de2e",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "a75bda81-0337-4cb1-aa42-eef077e42e19",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "dbf6e5d5-e2de-48fd-87bd-7e6b47653a8c",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 7,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "a75bda81-0337-4cb1-aa42-eef077e42e19",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "93e00c85-2635-4713-a560-0243776e19c5",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Ticket ID of parent task"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{components.dropdown1.value == \"subtask\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "6616de5e-6dc8-41bd-a0dd-b5782c2522ec",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "93e00c85-2635-4713-a560-0243776e19c5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "d2110189-a8c5-4377-8926-49cd7e8a8bef",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 31,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "93e00c85-2635-4713-a560-0243776e19c5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "f51ef069-0a27-4245-b695-d3fbf40026bd",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Ticket ID of parent task"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{components.dropdown1.value == \"subtask\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "19009a53-e9c8-4ebf-8bf1-1514fc070910",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "f51ef069-0a27-4245-b695-d3fbf40026bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "67bb7c56-afe9-4b1c-8826-d36c06e8d0fd",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 31,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "f51ef069-0a27-4245-b695-d3fbf40026bd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "4cab9d6f-9aef-461a-a557-06ef405aa50d",
+              "name": "textinput3",
+              "type": "TextInput",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter ticket ID of parent task"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{components.dropdown1.value == \"subtask\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconHash"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "285a205a-1403-42b5-8cb5-f09fe0932d9c",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "4cab9d6f-9aef-461a-a557-06ef405aa50d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "d9017e9f-389c-4a3b-b697-8264dce840d1",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 31,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "4cab9d6f-9aef-461a-a557-06ef405aa50d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "9197a879-355b-4d58-9c7f-08c9d412444f",
+              "name": "textinput3",
+              "type": "TextInput",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter ticket ID of parent task"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{components.dropdown1.value == \"subtask\"}}"
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.parent_task_id}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                },
+                "icon": {
+                  "value": "IconHash"
+                },
+                "iconVisibility": {
+                  "value": true
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "a4d2f331-a859-4420-880a-3c283397b9d7",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 31,
+                  "width": 10.999999999999998,
+                  "height": 40,
+                  "componentId": "9197a879-355b-4d58-9c7f-08c9d412444f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "83ac36be-b2ff-4d5b-b5bc-b4e654174e17",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 3,
+                  "width": 23.25581395348837,
+                  "height": 40,
+                  "componentId": "9197a879-355b-4d58-9c7f-08c9d412444f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "1db21867-cdf7-4705-890a-1f123105f687",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Create ticket"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.createTicket.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "ab5d18f8-e018-447e-b2a2-4099ef349dda",
+                  "type": "mobile",
+                  "top": 590,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "1db21867-cdf7-4705-890a-1f123105f687",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "520c94cd-30f3-4da7-8e52-ad0663e886dc",
+                  "type": "desktop",
+                  "top": 560,
+                  "left": 36,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "1db21867-cdf7-4705-890a-1f123105f687",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "48db61fc-d280-45a4-beaa-b8de1690c1e3",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Save changes"
+                },
+                "loadingState": {
+                  "fxActive": true,
+                  "value": "{{queries.updateTicketDetails.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b37ad54e-4d42-419f-866f-d3340cde65b2",
+                  "type": "mobile",
+                  "top": 590,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "48db61fc-d280-45a4-beaa-b8de1690c1e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "78fb2d36-6ef0-4e39-b4c3-7b74c6dd8282",
+                  "type": "desktop",
+                  "top": 560,
+                  "left": 36,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "48db61fc-d280-45a4-beaa-b8de1690c1e3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "8595cde4-5728-4135-af30-f6eaf5f626d1",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Priority"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "03de9de0-791e-4876-8002-19b6ef910af9",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "8595cde4-5728-4135-af30-f6eaf5f626d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "7b1dc328-2ab4-4172-97e7-dc1e0f95290a",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "8595cde4-5728-4135-af30-f6eaf5f626d1",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "ac23528e-c703-41aa-badf-f295265f072e",
+              "name": "dropdown3",
+              "type": "DropDown",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{queries.getTicketDetails.data.priority}}"
+                },
+                "values": {
+                  "value": "{{[\"P0\", \"P1\", \"P2\", \"P3\", \"P4\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"🔴 P0\", \"🟠 P1\", \"🟡 P2\", \"🟢 P3\", \"🔵 P4\"]}}"
+                },
+                "placeholder": {
+                  "value": "Select type"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "686ea8d1-fb02-4d81-b810-62599d44ecff",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "ac23528e-c703-41aa-badf-f295265f072e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "4750c0f1-bd26-4e47-8ba0-30bfeb3ee0a6",
+                  "type": "mobile",
+                  "top": 520,
+                  "left": 3,
+                  "width": 18.6046511627907,
+                  "height": 30,
+                  "componentId": "ac23528e-c703-41aa-badf-f295265f072e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "a4dce19a-873e-410f-b0cd-7754ec6c8a81",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Priority"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "8c5255bb-f4a6-4bc8-8023-503407523f14",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "a4dce19a-873e-410f-b0cd-7754ec6c8a81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "5cc5117f-fef1-4cfe-ac72-bff627d780d5",
+                  "type": "desktop",
+                  "top": 80,
+                  "left": 1,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "a4dce19a-873e-410f-b0cd-7754ec6c8a81",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "d53445ac-c305-4183-b209-6746964972c8",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Due date"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "13453abc-a7c2-480c-99da-9539d6ea25cd",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "d53445ac-c305-4183-b209-6746964972c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "527ea0c7-636b-4270-88b4-4ee0c0a4c357",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 1,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "d53445ac-c305-4183-b209-6746964972c8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "1c838e2b-7538-4556-b5ad-3e6387684c73",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "Due date"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "d1b06bb3-4b72-4242-99dd-40fee1603694",
+                  "type": "mobile",
+                  "top": 90,
+                  "left": 3,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "1c838e2b-7538-4556-b5ad-3e6387684c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "58d5d597-61f4-4407-857e-3e73827c3fdc",
+                  "type": "desktop",
+                  "top": 440,
+                  "left": 1,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "1c838e2b-7538-4556-b5ad-3e6387684c73",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "ab5b7799-d9c2-4293-9811-1cf07f307c80",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "06c7f7d8-2a72-43f1-ac3c-100772ae044c",
+              "properties": {
+                "text": {
+                  "value": "<div style=\"font-weight: 600;\">All tickets</div>"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{20}}"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                },
+                "textIndent": {
+                  "value": "0"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "dc46c812-5720-4925-a5a7-6ff5d9e3af92",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 3,
+                  "width": 12.999999999999998,
+                  "height": 40,
+                  "componentId": "ab5b7799-d9c2-4293-9811-1cf07f307c80",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "2f50a819-ac6d-4d74-a5b9-46aa730fba75",
+              "name": "datepicker1",
+              "type": "Datepicker",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{moment().add(1, \"week\").format(\"DD MMM YYYY\")}}"
+                },
+                "format": {
+                  "value": "DD MMM YYYY"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "87e1bb86-5e16-4366-a12c-4a8a54f4e197",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 1,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "2f50a819-ac6d-4d74-a5b9-46aa730fba75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "edce7a90-bf31-4b49-818a-b76bd73ecc06",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 30,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "2f50a819-ac6d-4d74-a5b9-46aa730fba75",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "04543351-04cb-43ab-9d55-4ac7a1ac504d",
+              "name": "datepicker1",
+              "type": "Datepicker",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "defaultValue": {
+                  "value": "{{moment(queries.getTicketDetails.data.due_on).format(\"DD MMM YYYY\")}}"
+                },
+                "format": {
+                  "value": "DD MMM YYYY"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{5}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "5fccc42c-c6f0-427d-bf9c-97bfa62514fb",
+                  "type": "desktop",
+                  "top": 470,
+                  "left": 1,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "04543351-04cb-43ab-9d55-4ac7a1ac504d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "74a525ac-7b08-495a-8ffb-a44b2a0f6ef9",
+                  "type": "mobile",
+                  "top": 480,
+                  "left": 30,
+                  "width": 11.627906976744185,
+                  "height": 30,
+                  "componentId": "04543351-04cb-43ab-9d55-4ac7a1ac504d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "18be4f3d-1b24-4382-9e05-19b8dbac2531",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "parent": "50050128-7d01-4d77-87b7-9622868c2df7",
+              "properties": {
+                "text": {
+                  "value": "Cancel"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "e9db8c2f-a36c-47d2-be6f-eb3dd4787a60",
+                  "type": "mobile",
+                  "top": 590,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "18be4f3d-1b24-4382-9e05-19b8dbac2531",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                },
+                {
+                  "id": "5c7cc3c6-3e08-4630-8024-9bd7068510e2",
+                  "type": "desktop",
+                  "top": 560,
+                  "left": 31,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "18be4f3d-1b24-4382-9e05-19b8dbac2531",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:39.992Z"
+                }
+              ]
+            },
+            {
+              "id": "2d90e7b7-8fd6-4886-ac45-adfbd134d765",
+              "name": "text12",
+              "type": "Text",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "{{`Created by <a href=\"mailto:${\n  queries.getTicketDetails.data.created_by_email\n}\">${queries.getTicketDetails.data.created_by_email}</a> on ${moment(\n  queries.getTicketDetails.data.created_at\n).format(\"DD MMM YYYY | hh:mmA\")}${\n  queries.getTicketDetails.data.updated_by_email\n    ? `<br> Last updated by <a href=\"mailto:${\n        queries.getTicketDetails.data.updated_by_email\n      }\">${queries.getTicketDetails.data.updated_by_email}</a> on ${moment(\n        queries.getTicketDetails.data.updated_at\n      ).format(\"DD MMM YYYY | hh:mmA\")}`\n    : \"\"\n}`}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textAlign": {
+                  "value": "left"
+                },
+                "textSize": {
+                  "value": "12"
+                },
+                "isScrollRequired": {
+                  "value": "disabled"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z",
+              "layouts": [
+                {
+                  "id": "2ee2fa93-4ee7-44f3-b25c-2aff2e06de1b",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 25,
+                  "width": 13.953488372093023,
+                  "height": 40,
+                  "componentId": "2d90e7b7-8fd6-4886-ac45-adfbd134d765",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "92ffe565-348f-40b3-9556-772174cc2d59",
+                  "type": "desktop",
+                  "top": 550,
+                  "left": 1,
+                  "width": 27,
+                  "height": 60,
+                  "componentId": "2d90e7b7-8fd6-4886-ac45-adfbd134d765",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "efdacea5-8b9b-41db-bc40-c098da45b5b9",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "🗃️ Archive this ticket"
+                },
+                "loadingState": {
+                  "value": "{{queries.archiveTicket.isLoading}}",
+                  "fxActive": true
+                },
+                "visibility": {
+                  "value": "{{queries.getSubtasks.data.length == 0 && !queries.getSubtasks.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f5a6231a"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#f5a623ff"
+                },
+                "loaderColor": {
+                  "value": "#f5a623ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b6ad6994-4cb5-40ad-9666-9fabb81d3c39",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 34,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "efdacea5-8b9b-41db-bc40-c098da45b5b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "5f207ff9-1217-4155-9e1d-a9d9b29a1875",
+                  "type": "mobile",
+                  "top": 590,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "efdacea5-8b9b-41db-bc40-c098da45b5b9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            },
+            {
+              "id": "fed293fd-7ee3-4dea-8540-34aa025465cc",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "parent": "55904807-1eda-4267-a05c-f536a4f56916",
+              "properties": {
+                "text": {
+                  "value": "View subtasks"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{queries.getSubtasks.data.length > 0 && !queries.getSubtasks.isLoading}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63dd1a"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{5}}"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "c2416b28-e700-48bd-8b86-8b10ebf380bb",
+                  "type": "desktop",
+                  "top": 560,
+                  "left": 29,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "fed293fd-7ee3-4dea-8540-34aa025465cc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                },
+                {
+                  "id": "7773f182-1b68-4bc4-b716-9b09720b28bb",
+                  "type": "mobile",
+                  "top": 590,
+                  "left": 29,
+                  "width": 6.976744186046512,
+                  "height": 30,
+                  "componentId": "fed293fd-7ee3-4dea-8540-34aa025465cc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-07-02T11:41:40.002Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:07.471Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "pageGroupIndex": 1,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "f59e585e-f093-45b0-b155-ce9270f74f59",
+              "name": "Add new ticket",
+              "handle": "add-new-ticket",
+              "index": 2,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:07.471Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "pageGroupIndex": 2,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "name": "View ticket",
+              "handle": "ticket",
+              "index": 3,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:07.471Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "pageGroupIndex": 3,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "name": "View subtasks",
+              "handle": "subtasks",
+              "index": 4,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:07.471Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "pageGroupIndex": 4,
+              "pageGroupId": null,
+              "isPageGroup": false
+            },
+            {
+              "id": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "name": "Archives",
+              "handle": "archives",
+              "index": 5,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:07.471Z",
+              "autoComputeLayout": false,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "pageGroupIndex": 5,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "dfff6a6d-52bb-4409-b089-8be050b765e7",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Failed to create ticket! Please check and try again.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "87d39800-2e6d-4734-ad03-61809fe63350",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "c22d63c1-c23f-4ec3-8954-8c17e56e65bc",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`Status of ticket #${components.kanban1.updatedCardData[components.kanban1.updatedCardData.length - 1].id} updated successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "850453f8-558f-4f8a-9981-31a907cbfdf8",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "aaa48fb2-ef2e-45e9-98a9-e8487155a06c",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "{{`Failed to update status of ticket #${components.kanban1.updatedCardData[components.kanban1.updatedCardData.length - 1].id}! Please check and try again.`}}",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "850453f8-558f-4f8a-9981-31a907cbfdf8",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "8242ad46-ec76-451c-9a72-323a629f284a",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "d046b8bb-bf28-4af1-bb3c-54b738a1f7d7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getTickets",
+                "parameters": {}
+              },
+              "sourceId": "850453f8-558f-4f8a-9981-31a907cbfdf8",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.567Z"
+            },
+            {
+              "id": "ed4f66a1-129b-42f3-b009-380e6838b894",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "{{`Failed to update details of ticket #${globals.urlparams.id}! Please check and try again.`}}",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "c0c10182-3a45-4a3f-ba7b-c27bcda43dd9",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "d8dd190b-c8b5-4efa-be2b-bde15c854831",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`Ticket #${globals.urlparams.id} archived successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "8cf7d0bc-d86b-4ec5-8c69-d1865c8080ea",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "b045f622-0a89-46f7-bf5e-ee96cf61bdf4",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "{{`Failed to archive ticket #${globals.urlparams.id}! Please check and try again.`}}",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "8cf7d0bc-d86b-4ec5-8c69-d1865c8080ea",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "695130ad-c75e-44c6-b9d8-5cec8927fe3e",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "{{`Failed to unarchive ticket #${components.table1.selectedRow.id}! Please check and try again.`}}",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "ae6c889c-b7bf-4bde-a3bb-85261fc4f667",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "275beaa6-51c0-4189-995f-bea9505eac47",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`Ticket #${components.table1.selectedRow.id} unarchived successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "ae6c889c-b7bf-4bde-a3bb-85261fc4f667",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "572e38e2-b4c9-4177-ad12-5a828cfe3734",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "43da6caa-3a44-4ec7-a8f4-a775a5055531",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getTicketDetails",
+                "parameters": {}
+              },
+              "sourceId": "c0c10182-3a45-4a3f-ba7b-c27bcda43dd9",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.548Z"
+            },
+            {
+              "id": "8c8bb87b-dd25-4823-afa2-a435a411b978",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "f59e585e-f093-45b0-b155-ce9270f74f59",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "f308a8c6-d5f2-484b-b419-6f6fcdc8c43d",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.554Z"
+            },
+            {
+              "id": "61389b67-8372-417e-a6d7-00baf6f28a0a",
+              "name": "onSelect",
+              "index": 0,
+              "event": {
+                "eventId": "onSelect",
+                "message": "Hello world!",
+                "queryId": "d046b8bb-bf28-4af1-bb3c-54b738a1f7d7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getTickets",
+                "parameters": {}
+              },
+              "sourceId": "12e40ec6-0baf-4761-9082-6c0d4890a7a8",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.574Z"
+            },
+            {
+              "id": "5373fddf-612b-4626-a3ea-fd3f079626eb",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "8cf7d0bc-d86b-4ec5-8c69-d1865c8080ea",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.729Z"
+            },
+            {
+              "id": "b5bff78a-13c5-4351-a3df-83c3a07196c6",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "224f0885-1b50-4956-b6b0-876ffbd19932",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getArchivedTickets",
+                "parameters": {}
+              },
+              "sourceId": "ae6c889c-b7bf-4bde-a3bb-85261fc4f667",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.742Z"
+            },
+            {
+              "id": "13829719-a2ca-4ef2-ad9c-14b33463ece9",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`Ticket created with ID #${queries.createTicket.data[0].id}`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "87d39800-2e6d-4734-ad03-61809fe63350",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "6ec7e897-4e70-4bc8-a797-8b738a4a3a32",
+              "name": "onCardMoved",
+              "index": 0,
+              "event": {
+                "eventId": "onCardMoved",
+                "message": "Hello world!",
+                "queryId": "850453f8-558f-4f8a-9981-31a907cbfdf8",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateTicketStatus",
+                "parameters": {}
+              },
+              "sourceId": "37a37581-81be-4499-a26e-984f6f06a696",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.580Z"
+            },
+            {
+              "id": "fa4d5cfa-7dcf-4021-8beb-f2ef67d61388",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "id",
+                    "{{components.kanban1.lastSelectedCard.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "03eddc1f-2538-4cfa-8067-5cb64ff4ec85",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.587Z"
+            },
+            {
+              "id": "f54967b4-7352-42ac-b936-bc362b846b0c",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "227f3882-a7d6-4770-8ce5-e6236671eb59",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.594Z"
+            },
+            {
+              "id": "67de9163-8d77-47dd-868e-e18f32326b00",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "d046b8bb-bf28-4af1-bb3c-54b738a1f7d7",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getTickets",
+                "parameters": {}
+              },
+              "sourceId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "target": "page",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.601Z"
+            },
+            {
+              "id": "8dd8f9bc-cb66-43ae-bdbb-3d9c421413ea",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "fc49f77a-b9bd-4b58-9667-218b99c5c594",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.607Z"
+            },
+            {
+              "id": "95a52c74-a2ab-4397-a46b-8ba3828c2851",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "87d39800-2e6d-4734-ad03-61809fe63350",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "createTicket",
+                "parameters": {}
+              },
+              "sourceId": "1db21867-cdf7-4705-890a-1f123105f687",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.614Z"
+            },
+            {
+              "id": "eadc912c-5273-462a-aef4-f2807d19e2d1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "18be4f3d-1b24-4382-9e05-19b8dbac2531",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.620Z"
+            },
+            {
+              "id": "2a3dc4f2-7dd7-4fee-ab02-1308f6921619",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "runOnlyIf": "{{globals.urlparams.parent_ticket_id == undefined}}"
+              },
+              "sourceId": "268cd4e3-16fb-420b-935c-942fc1ca8e96",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.626Z"
+            },
+            {
+              "id": "123f80e9-9e1f-4a29-bed8-ccba78f7ac20",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "runOnlyIf": "{{globals.urlparams.parent_ticket_id !== undefined}}",
+                "queryParams": [
+                  [
+                    "id",
+                    "{{globals.urlparams.parent_ticket_id}}"
+                  ]
+                ]
+              },
+              "sourceId": "268cd4e3-16fb-420b-935c-942fc1ca8e96",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.633Z"
+            },
+            {
+              "id": "94450a0c-51bf-46b3-8bbb-f03daac536d0",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "c0c10182-3a45-4a3f-ba7b-c27bcda43dd9",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateTicketDetails",
+                "parameters": {}
+              },
+              "sourceId": "48db61fc-d280-45a4-beaa-b8de1690c1e3",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.649Z"
+            },
+            {
+              "id": "48fa505c-a0f9-4d0a-b04f-61623c0be5e2",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "8cf7d0bc-d86b-4ec5-8c69-d1865c8080ea",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "archiveTicket",
+                "parameters": {}
+              },
+              "sourceId": "efdacea5-8b9b-41db-bc40-c098da45b5b9",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.657Z"
+            },
+            {
+              "id": "b7e1e1f9-fed4-41b8-9ab1-20f87cf60328",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "id",
+                    "{{globals.urlparams.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "fed293fd-7ee3-4dea-8540-34aa025465cc",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.664Z"
+            },
+            {
+              "id": "d78b410b-a281-4fd0-986e-a306834bcd8b",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "43da6caa-3a44-4ec7-a8f4-a775a5055531",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getTicketDetails",
+                "parameters": {}
+              },
+              "sourceId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "target": "page",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.669Z"
+            },
+            {
+              "id": "9f6fb2bd-964b-4293-baad-5796f1024c68",
+              "name": "onPageLoad",
+              "index": 1,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "ef32b399-c17a-49e2-ac02-47b34bd81fe0",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getSubtasks",
+                "parameters": {}
+              },
+              "sourceId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+              "target": "page",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.675Z"
+            },
+            {
+              "id": "8cb873c4-72c6-4ec9-91a3-7b716ef7b535",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "runOnlyIf": "",
+                "queryParams": [
+                  [
+                    "id",
+                    "{{globals.urlparams.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "1120bc50-ff5e-43a6-8fd2-24e60ffeb4af",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.682Z"
+            },
+            {
+              "id": "8258e3a4-31de-4a2d-9440-0731dd70696a",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "pageId": "68ddec81-e575-47c6-a704-e82019ea9f17",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info",
+                "queryParams": [
+                  [
+                    "parent_ticket_id",
+                    "{{globals.urlparams.id}}"
+                  ],
+                  [
+                    "id",
+                    "{{components.table1.selectedRow.id}}"
+                  ]
+                ]
+              },
+              "sourceId": "61fcd9c8-9b8b-4631-956c-b0cef732bb88",
+              "target": "table_action",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.687Z"
+            },
+            {
+              "id": "750cf547-3cb3-4678-ba44-0329af2ce54e",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "ef32b399-c17a-49e2-ac02-47b34bd81fe0",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getSubtasks",
+                "parameters": {}
+              },
+              "sourceId": "da21eda2-ac7d-490f-876d-35db98236dfb",
+              "target": "page",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.693Z"
+            },
+            {
+              "id": "ab5777d3-25b9-47fe-a536-d88b6f6623aa",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "881ab719-0b2f-4da4-9c90-428c66696482",
+              "target": "component",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.699Z"
+            },
+            {
+              "id": "6fdf69cb-dc07-48a3-b96b-3fe1e17918b1",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "ae6c889c-b7bf-4bde-a3bb-85261fc4f667",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "unarchiveTicket",
+                "parameters": {}
+              },
+              "sourceId": "ad5a90e9-d294-4ff2-8a9f-075aeb445093",
+              "target": "table_action",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.705Z"
+            },
+            {
+              "id": "95199959-0bc1-4c13-99f0-b1fda30693de",
+              "name": "onPageLoad",
+              "index": 0,
+              "event": {
+                "eventId": "onPageLoad",
+                "message": "Hello world!",
+                "queryId": "224f0885-1b50-4956-b6b0-876ffbd19932",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getArchivedTickets",
+                "parameters": {}
+              },
+              "sourceId": "e7ceed7b-3fd5-451a-baa9-5a27b0725950",
+              "target": "page",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.710Z"
+            },
+            {
+              "id": "65f2aea5-149b-4011-ae96-ba298f81869a",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "pageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "switch-page",
+                "alertType": "info"
+              },
+              "sourceId": "87d39800-2e6d-4734-ad03-61809fe63350",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:42.716Z"
+            },
+            {
+              "id": "8e72a0ce-c501-45a2-8bca-d48b34384efe",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "{{`Details of ticket #${globals.urlparams.id} updated successfully.`}}",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "c0c10182-3a45-4a3f-ba7b-c27bcda43dd9",
+              "target": "data_query",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "43da6caa-3a44-4ec7-a8f4-a775a5055531",
+              "name": "getTicketDetails",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718132818594,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "f204293c-1aca-4ed4-bff3-e5335b3d1cc4": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.id}}",
+                      "id": "f204293c-1aca-4ed4-bff3-e5335b3d1cc4"
+                    }
+                  }
+                },
+                "transformation": "return data[0]??({});"
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-08-08T23:20:05.776Z"
+            },
+            {
+              "id": "ef32b399-c17a-49e2-ac02-47b34bd81fe0",
+              "name": "getSubtasks",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718140572454,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "bf8f3324-0752-4491-903c-f5162b6d8b9e": {
+                      "column": "parent_task_id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.id}}",
+                      "id": "bf8f3324-0752-4491-903c-f5162b6d8b9e"
+                    },
+                    "cd596bd3-8f3e-4cbd-a446-1e9601fd501a": {
+                      "column": "is_active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "cd596bd3-8f3e-4cbd-a446-1e9601fd501a"
+                    }
+                  },
+                  "limit": ""
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-08-08T23:20:06.708Z"
+            },
+            {
+              "id": "c0c10182-3a45-4a3f-ba7b-c27bcda43dd9",
+              "name": "updateTicketDetails",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718135562529,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "priority",
+                      "value": "{{components.dropdown3.value}}"
+                    },
+                    "1": {
+                      "column": "status",
+                      "value": "{{components.dropdown2.value}}"
+                    },
+                    "2": {
+                      "column": "type",
+                      "value": "{{components.dropdown1.value}}"
+                    },
+                    "3": {
+                      "column": "parent_task_id",
+                      "value": "{{components.dropdown1.value == \"subtask\" ? components.textinput3.value : undefined}}"
+                    },
+                    "4": {
+                      "column": "summary",
+                      "value": "{{components.textinput1.value}}"
+                    },
+                    "5": {
+                      "column": "description",
+                      "value": "{{components.textarea1.value}}"
+                    },
+                    "6": {
+                      "column": "due_on",
+                      "value": "{{moment(components.datepicker1.value, \"DD MMM YYYY\").valueOf()}}"
+                    },
+                    "7": {
+                      "column": "assignee_email",
+                      "value": "{{components.textinput2.value}}"
+                    },
+                    "8": {
+                      "column": "updated_at",
+                      "value": "{{moment().valueOf()}}"
+                    },
+                    "9": {
+                      "column": "updated_by_email",
+                      "value": "{{globals.currentUser.email}}"
+                    }
+                  },
+                  "where_filters": {
+                    "68f4fbc3-d536-4b9f-8a57-ee79482a9478": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.id}}",
+                      "id": "68f4fbc3-d536-4b9f-8a57-ee79482a9478"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:33:20.661Z"
+            },
+            {
+              "id": "d046b8bb-bf28-4af1-bb3c-54b738a1f7d7",
+              "name": "getTickets",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718056633310,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "8b4f282a-e994-4748-8e2a-8fefbaa55cfc": {
+                      "column": "is_active",
+                      "operator": "eq",
+                      "value": "true",
+                      "id": "8b4f282a-e994-4748-8e2a-8fefbaa55cfc"
+                    },
+                    "7f9501d6-7646-4c58-976c-965e11d7056d": {
+                      "column": "assignee_email",
+                      "operator": "like",
+                      "value": "{{components.dropdown1.value ? globals.currentUser.email : \"%\"}}",
+                      "id": "7f9501d6-7646-4c58-976c-965e11d7056d"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-12-03T20:38:10.483Z"
+            },
+            {
+              "id": "850453f8-558f-4f8a-9981-31a907cbfdf8",
+              "name": "updateTicketStatus",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718112634952,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "status",
+                      "value": "{{components.kanban1.lastCardMovement.cardDetails.columnId}}"
+                    },
+                    "1": {
+                      "column": "updated_at",
+                      "value": "{{moment().valueOf()}}"
+                    },
+                    "a0c65240-fe36-4a7e-91ee-0673f4c272fe": {
+                      "column": "updated_by_email",
+                      "value": "{{globals.currentUser.email}}"
+                    }
+                  },
+                  "where_filters": {
+                    "77d19d4f-13b6-47d9-8e47-adb358d42fdd": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.kanban1.lastCardMovement.cardDetails.id}}",
+                      "id": "77d19d4f-13b6-47d9-8e47-adb358d42fdd"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:32:58.829Z"
+            },
+            {
+              "id": "8cf7d0bc-d86b-4ec5-8c69-d1865c8080ea",
+              "name": "archiveTicket",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718143554337,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "is_active",
+                      "value": "false"
+                    },
+                    "1": {
+                      "column": "updated_at",
+                      "value": "{{moment().valueOf()}}"
+                    },
+                    "4ced9aad-2667-4643-9ac7-0a5b218d909c": {
+                      "column": "updated_by_email",
+                      "value": "{{globals.currentUser.email}}"
+                    }
+                  },
+                  "where_filters": {
+                    "0bd94d03-bcb2-4928-a8de-1f82ae29d6a7": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{globals.urlparams.id}}",
+                      "id": "0bd94d03-bcb2-4928-a8de-1f82ae29d6a7"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:33:26.727Z"
+            },
+            {
+              "id": "224f0885-1b50-4956-b6b0-876ffbd19932",
+              "name": "getArchivedTickets",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718146796787,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "where_filters": {
+                    "fd996aad-7f82-4c8f-9646-21b92476bd61": {
+                      "column": "is_active",
+                      "operator": "eq",
+                      "value": "false",
+                      "id": "fd996aad-7f82-4c8f-9646-21b92476bd61"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-08-08T23:21:15.995Z"
+            },
+            {
+              "id": "ae6c889c-b7bf-4bde-a3bb-85261fc4f667",
+              "name": "unarchiveTicket",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718143554337,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "priority",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "due_on",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "is_active",
+                      "value": "true"
+                    },
+                    "1": {
+                      "column": "updated_at",
+                      "value": "{{moment().valueOf()}}"
+                    },
+                    "a66c4805-b154-4f68-996d-4ed7c56df78d": {
+                      "column": "updated_by_email",
+                      "value": "{{globals.currentUser.email}}"
+                    }
+                  },
+                  "where_filters": {
+                    "0bd94d03-bcb2-4928-a8de-1f82ae29d6a7": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{components.table1.selectedRow.id}}",
+                      "id": "0bd94d03-bcb2-4928-a8de-1f82ae29d6a7"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-06-12T08:20:41.594Z"
+            },
+            {
+              "id": "87d39800-2e6d-4734-ad03-61809fe63350",
+              "name": "createTicket",
+              "options": {
+                "operation": "create_row",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+                "table_id": "d228b8fc-bfa0-41a0-84b2-ba2fb682c86f",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1718055745531,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "59f0a83c-ae95-4f57-8929-2ea6e7562660",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "summary",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "description",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "assignee_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "status",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "is_active",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "updated_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "created_by_email",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "type",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    },
+                    {
+                      "name": "parent_task_id",
+                      "table": "59f0a83c-ae95-4f57-8929-2ea6e7562660"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "create_row": {
+                  "0": {
+                    "column": "status",
+                    "value": "{{components.dropdown2.value}}"
+                  },
+                  "1": {
+                    "column": "type",
+                    "value": "{{components.dropdown1.value}}"
+                  },
+                  "2": {
+                    "column": "parent_task_id",
+                    "value": "{{components.dropdown1.value == \"subtask\" ? components.textinput3.value : undefined}}"
+                  },
+                  "3": {
+                    "column": "summary",
+                    "value": "{{components.textinput1.value}}"
+                  },
+                  "4": {
+                    "column": "description",
+                    "value": "{{components.textarea1.value}}"
+                  },
+                  "5": {
+                    "column": "assignee_email",
+                    "value": "{{components.textinput2.value}}"
+                  },
+                  "6": {
+                    "column": "created_at",
+                    "value": "{{moment().valueOf()}}"
+                  },
+                  "9": {
+                    "column": "created_by_email",
+                    "value": "{{globals.currentUser.email}}"
+                  },
+                  "10": {
+                    "column": "priority",
+                    "value": "{{components.dropdown3.value}}"
+                  },
+                  "11": {
+                    "column": "due_on",
+                    "value": "{{moment(components.datepicker1.value, \"DD MMM YYYY\").valueOf()}}"
+                  }
+                }
+              },
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "createdAt": "2024-06-12T08:20:41.594Z",
+              "updatedAt": "2024-07-31T01:32:01.824Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "3d22e816-b162-4a5f-88bc-0f72c90c89c6",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:20:41.601Z",
+              "updatedAt": "2024-06-12T08:20:41.601Z"
+            },
+            {
+              "id": "d3d0ca4b-0a85-41e6-9f7f-a95690ea82a2",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:20:41.613Z",
+              "updatedAt": "2024-06-12T08:20:41.613Z"
+            },
+            {
+              "id": "c1c7b723-a509-49b0-84d1-31db080d1430",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:20:41.624Z",
+              "updatedAt": "2024-06-12T08:20:41.624Z"
+            },
+            {
+              "id": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:20:41.634Z",
+              "updatedAt": "2024-06-12T08:20:41.634Z"
+            },
+            {
+              "id": "bdf39100-8c04-4681-82ae-7857ee45bf6a",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-06-12T08:20:41.645Z",
+              "updatedAt": "2024-06-12T08:20:41.645Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "2778625f-981c-4716-8a3c-5614aea4a425",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "0f1a903d-73bf-4c05-830e-6cf348f9e799",
+              "appId": "b41568b4-dfc3-4f50-a00f-811349b76392",
+              "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "promotedFrom": null,
+              "createdAt": "2024-06-12T08:20:41.587Z",
+              "updatedAt": "2024-07-31T02:01:25.167Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            },
+            {
+              "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2023-04-26T19:44:06.852Z",
+              "updatedAt": "2023-04-26T19:44:06.852Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "69729743-6dc7-4d9e-b3f3-9b235f8ca449",
+              "dataSourceId": "3d22e816-b162-4a5f-88bc-0f72c90c89c6",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.610Z",
+              "updatedAt": "2024-06-12T08:20:41.610Z"
+            },
+            {
+              "id": "290d0489-e173-400f-97fa-1e8b6759e947",
+              "dataSourceId": "3d22e816-b162-4a5f-88bc-0f72c90c89c6",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.610Z",
+              "updatedAt": "2024-06-12T08:20:41.610Z"
+            },
+            {
+              "id": "25632411-e9e1-48b9-8ebe-919cc023f60d",
+              "dataSourceId": "3d22e816-b162-4a5f-88bc-0f72c90c89c6",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.610Z",
+              "updatedAt": "2024-06-12T08:20:41.610Z"
+            },
+            {
+              "id": "cd80926b-5bb5-414e-b875-790d4512e341",
+              "dataSourceId": "d3d0ca4b-0a85-41e6-9f7f-a95690ea82a2",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.621Z",
+              "updatedAt": "2024-06-12T08:20:41.621Z"
+            },
+            {
+              "id": "37073c69-ad43-4d9b-bfc6-161e6e85b8f4",
+              "dataSourceId": "d3d0ca4b-0a85-41e6-9f7f-a95690ea82a2",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.621Z",
+              "updatedAt": "2024-06-12T08:20:41.621Z"
+            },
+            {
+              "id": "9b5bb681-9243-4c9c-a8ed-f2df420e9931",
+              "dataSourceId": "d3d0ca4b-0a85-41e6-9f7f-a95690ea82a2",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.621Z",
+              "updatedAt": "2024-06-12T08:20:41.621Z"
+            },
+            {
+              "id": "dc0eaf84-2827-4c34-9dc1-2176adf8808f",
+              "dataSourceId": "c1c7b723-a509-49b0-84d1-31db080d1430",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.631Z",
+              "updatedAt": "2024-06-12T08:20:41.631Z"
+            },
+            {
+              "id": "10aa1c32-4d7a-4b0e-b5e7-8d7f4c98c995",
+              "dataSourceId": "c1c7b723-a509-49b0-84d1-31db080d1430",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.631Z",
+              "updatedAt": "2024-06-12T08:20:41.631Z"
+            },
+            {
+              "id": "7a47d521-5cc1-4216-9496-2859d439fe62",
+              "dataSourceId": "c1c7b723-a509-49b0-84d1-31db080d1430",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.631Z",
+              "updatedAt": "2024-06-12T08:20:41.631Z"
+            },
+            {
+              "id": "af833713-5437-4c1e-9367-209a34d93615",
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.642Z",
+              "updatedAt": "2024-06-12T08:20:41.642Z"
+            },
+            {
+              "id": "5ede75a2-c4b1-4db8-a59b-2d0ac6057f07",
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.642Z",
+              "updatedAt": "2024-06-12T08:20:41.642Z"
+            },
+            {
+              "id": "fcf85231-bb20-4ff4-a1f2-db65a207830f",
+              "dataSourceId": "8d30ab23-76bf-4740-a56e-b5c16a78cbed",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.642Z",
+              "updatedAt": "2024-06-12T08:20:41.642Z"
+            },
+            {
+              "id": "d2c5ca84-e7d5-47b9-8208-836e88a73546",
+              "dataSourceId": "bdf39100-8c04-4681-82ae-7857ee45bf6a",
+              "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.652Z",
+              "updatedAt": "2024-06-12T08:20:41.652Z"
+            },
+            {
+              "id": "2c9f64d2-f4f9-47a9-9071-7a02a486bb3b",
+              "dataSourceId": "bdf39100-8c04-4681-82ae-7857ee45bf6a",
+              "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.652Z",
+              "updatedAt": "2024-06-12T08:20:41.652Z"
+            },
+            {
+              "id": "7e93eb4d-7245-443b-af2d-f152066ad74f",
+              "dataSourceId": "bdf39100-8c04-4681-82ae-7857ee45bf6a",
+              "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+              "options": null,
+              "createdAt": "2024-06-12T08:20:41.652Z",
+              "updatedAt": "2024-06-12T08:20:41.652Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/task-management-system/manifest.json b/server/templates/task-management-system/manifest.json
new file mode 100644
index 0000000000..9e69aafd06
--- /dev/null
+++ b/server/templates/task-management-system/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Task management system",
+  "description": "ToolJet DB-powered productivity tool for organizing tasks, setting priorities, and tracking progress. Boost personal and team efficiency.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    }
+  ],
+  "id": "task-management-system",
+  "category": "product-management"
+}
\ No newline at end of file
diff --git a/server/templates/transporation-logistics-tracker/definition.json b/server/templates/transporation-logistics-tracker/definition.json
new file mode 100644
index 0000000000..4f51790a24
--- /dev/null
+++ b/server/templates/transporation-logistics-tracker/definition.json
@@ -0,0 +1,5150 @@
+{
+  "tooljet_database": [
+    {
+      "id": "e7e272da-f363-4b25-8a23-746745c4df33",
+      "table_name": "transportation_logistics",
+      "schema": {
+        "columns": [
+          {
+            "column_name": "id",
+            "data_type": "integer",
+            "column_default": "nextval(\"e7e272da-f363-4b25-8a23-746745c4df33_id_seq\"",
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": true,
+              "is_primary_key": true,
+              "is_unique": false
+            },
+            "keytype": "PRIMARY KEY",
+            "configurations": {}
+          },
+          {
+            "column_name": "request_title",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "trip_date",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "status",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "pickup_date_time",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "trip_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "group_size",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "duration_days",
+            "data_type": "integer",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 32,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "transportation_type",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "pickup_address",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "dropoff_address",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "quote",
+            "data_type": "double precision",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": 53,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "assigned_driver",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "contact_first_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "contact_last_name",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "contact_email",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "contact_phone",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "created_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          },
+          {
+            "column_name": "updated_at",
+            "data_type": "character varying",
+            "column_default": null,
+            "character_maximum_length": null,
+            "numeric_precision": null,
+            "constraints_type": {
+              "is_not_null": false,
+              "is_primary_key": false,
+              "is_unique": false
+            },
+            "keytype": "",
+            "configurations": {}
+          }
+        ],
+        "foreign_keys": []
+      }
+    }
+  ],
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "8a2c620a-40ae-424d-bfa0-e8e796b96422",
+          "name": "transporation-logistics-tracker-final",
+          "slug": "8a2c620a-40ae-424d-bfa0-e8e796b96422",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "table",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-28T23:53:22.574Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-28T23:53:23.115Z",
+          "editingVersion": {
+            "id": "ce61aafb-7358-4605-b163-696241690abb",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+            "appId": "8a2c620a-40ae-424d-bfa0-e8e796b96422",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-28T23:53:22.586Z",
+            "updatedAt": "2024-12-03T00:21:16.079Z"
+          },
+          "components": [
+            {
+              "id": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "name": "DashboardContainer",
+              "type": "Container",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": null,
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "borderRadius": {
+                  "value": "12"
+                },
+                "borderColor": {
+                  "value": "#eae9e9ff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #ffffffff"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:21:01.992Z",
+              "layouts": [
+                {
+                  "id": "9cfbb500-1d9c-4735-bd49-c508c307109a",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 0,
+                  "width": 43,
+                  "height": 870,
+                  "componentId": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:02:25.749Z"
+                },
+                {
+                  "id": "6ff7b9a4-37c3-4240-833a-aa18ce407257",
+                  "type": "mobile",
+                  "top": 110,
+                  "left": 0,
+                  "width": 43,
+                  "height": 880,
+                  "componentId": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+              "name": "AcceptedRequestsTable",
+              "type": "Table",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "columns": {
+                  "value": [
+                    {
+                      "id": "d71ff65b-11f3-4cdb-8aba-0bb7fa04ba16",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "b6a25c8b-5576-4fec-940f-09d821a7ac8e",
+                      "name": "request_title",
+                      "key": "request_title",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "72ad4213-0793-4f80-bbfd-9c20289c7655",
+                      "name": "trip_date",
+                      "key": "trip_date",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "name": "created_at",
+                      "id": "06664af5-6bea-4222-a703-d800ab925d22",
+                      "isEditable": "{{false}}",
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "created_at",
+                      "isTimeChecked": false,
+                      "dateFormat": "DD.MM.YYYY",
+                      "parseDateFormat": "DD/MM/YYYY",
+                      "isDateSelectionEnabled": true
+                    },
+                    {
+                      "name": "status",
+                      "id": "967c0b71-5bd3-4efd-b919-2540fe7242d0",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "status",
+                      "columnVisibility": "{{false}}"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "id": "0ab1c378-b0d3-4f6e-ad5b-3c45e776cbea",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "pickup_address",
+                      "columnVisibility": "{{false}}"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "id": "2eb86d4f-0f3a-4b5e-8d0a-984fba196f6a",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "dropoff_address",
+                      "columnVisibility": "{{false}}"
+                    }
+                  ]
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "date",
+                    "interest",
+                    "mobile_number",
+                    "date",
+                    "created_at",
+                    "status",
+                    "updated_at",
+                    "trip_details",
+                    "new_column1",
+                    "pickup_date_time",
+                    "trip_type",
+                    "group_size",
+                    "duration_days",
+                    "pickup_address",
+                    "dropoff_address",
+                    "actions",
+                    "transportation_type",
+                    "quote",
+                    "assigned_driver",
+                    "contact_first_name",
+                    "contact_last_name",
+                    "contact_email",
+                    "contact_phone",
+                    "new_column4",
+                    "new_column5",
+                    "new_column6",
+                    "new_column7"
+                  ]
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnSizes": {
+                  "value": {
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 123,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 105,
+                    "06664af5-6bea-4222-a703-d800ab925d22": 60,
+                    "d9d794a9-ca49-4158-b484-9e7fe98f1c33": 128,
+                    "72d170d6-3fb2-429f-8160-76d7446008e5": 329,
+                    "d71ff65b-11f3-4cdb-8aba-0bb7fa04ba16": 53,
+                    "72ad4213-0793-4f80-bbfd-9c20289c7655": 186,
+                    "b6a25c8b-5576-4fec-940f-09d821a7ac8e": 161
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "View Details",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63ddff",
+                      "textColor": "#ffffffff"
+                    }
+                  ]
+                },
+                "data": {
+                  "value": "{{queries.0226c6cd-baf6-4c5b-8a90-0cd76500903c.data.incomingRequests || []}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "selectRowOnCellEdit": {
+                  "value": "{{true}}"
+                },
+                "serverSideSearch": {
+                  "value": true
+                },
+                "serverSideFilter": {
+                  "value": true
+                },
+                "rowsPerPage": {
+                  "value": "{{3}}"
+                },
+                "enabledSort": {
+                  "value": "{{false}}"
+                },
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "columnData": {
+                  "value": "{{[{name: 'email', key: 'email', id: '1'}, {name: 'Full name', key: 'name', id: '2', isEditable: true}]}}"
+                },
+                "serverSidePagination": {
+                  "value": "{{false}}"
+                },
+                "enableNextButton": {
+                  "value": "{{true}}"
+                },
+                "enablePrevButton": {
+                  "value": "{{true}}"
+                },
+                "totalRecords": {
+                  "value": "{{10}}"
+                },
+                "enablePagination": {
+                  "value": "{{true}}"
+                },
+                "serverSideSort": {
+                  "value": "{{false}}"
+                },
+                "displaySearchBox": {
+                  "value": "{{true}}"
+                },
+                "showDownloadButton": {
+                  "value": "{{true}}"
+                },
+                "showFilterButton": {
+                  "value": "{{true}}"
+                },
+                "autogenerateColumns": {
+                  "value": true,
+                  "generateNestedColumns": true
+                },
+                "isAllColumnsEditable": {
+                  "value": "{{false}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "4"
+                },
+                "borderColor": {
+                  "value": "#eae9e9ff"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "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"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:22:30.237Z",
+              "layouts": [
+                {
+                  "id": "b7c76b11-5e6f-4349-9566-863757874fc9",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 1,
+                  "width": 19,
+                  "height": 340,
+                  "componentId": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "eff58058-838d-4884-b1e2-a9931eb93fb2",
+                  "type": "desktop",
+                  "top": 100,
+                  "left": 1,
+                  "width": 19,
+                  "height": 340,
+                  "componentId": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:59:21.900Z"
+                }
+              ]
+            },
+            {
+              "id": "1e449c4b-7717-4416-8465-c2f2088ef2f7",
+              "name": "TravelManagementSubHeader1",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "text": {
+                  "value": "Below is a comprehensive list of all requests that are accepted"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "f028f073-02ca-45b3-b65a-04e83f2b0ce4",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 1,
+                  "width": 19,
+                  "height": 30,
+                  "componentId": "1e449c4b-7717-4416-8465-c2f2088ef2f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "2e52f1b5-c88d-4a77-996e-5275ceea17e6",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 1,
+                  "width": 19,
+                  "height": 30,
+                  "componentId": "1e449c4b-7717-4416-8465-c2f2088ef2f7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:45:51.537Z"
+                }
+              ]
+            },
+            {
+              "id": "dc04040e-6353-4a45-9301-814a47780cc7",
+              "name": "PickUpDateTime",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "placeholder": {
+                  "value": ""
+                },
+                "label": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.pickup_date_time ?? \"\"}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "backgroundColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:22:02.229Z",
+              "layouts": [
+                {
+                  "id": "ef9c1384-6b13-4e71-a022-a8c3258f5ee8",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 1,
+                  "width": 12,
+                  "height": 40,
+                  "componentId": "dc04040e-6353-4a45-9301-814a47780cc7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "6b078574-9aab-4256-b1d2-33c9388664a4",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 2,
+                  "width": 16,
+                  "height": 40,
+                  "componentId": "dc04040e-6353-4a45-9301-814a47780cc7",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:59.759Z"
+                }
+              ]
+            },
+            {
+              "id": "b85ce893-fc98-4505-bfc6-3abeffeb2b59",
+              "name": "Duration",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.duration_days ?? \"\"}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:25:20.453Z",
+              "layouts": [
+                {
+                  "id": "09b8e212-6a77-407c-a74b-2a0562f24425",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 1,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "b85ce893-fc98-4505-bfc6-3abeffeb2b59",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "ff3c80ac-1033-4b60-895f-766894856355",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 2,
+                  "width": 7,
+                  "height": 40,
+                  "componentId": "b85ce893-fc98-4505-bfc6-3abeffeb2b59",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:44.218Z"
+                }
+              ]
+            },
+            {
+              "id": "d0866dd8-fdfb-4b65-a664-82043e247256",
+              "name": "PickUpAddress",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Pick-up Address"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.pickup_address ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "fb9b5335-5f6d-4ac7-900d-f6c5cb3fabdf",
+                  "type": "mobile",
+                  "top": 450,
+                  "left": 1,
+                  "width": 11,
+                  "height": 30,
+                  "componentId": "d0866dd8-fdfb-4b65-a664-82043e247256",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "8ffee07d-563d-4591-bb4d-af3ec9c3b6f3",
+                  "type": "desktop",
+                  "top": 460,
+                  "left": 2,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "d0866dd8-fdfb-4b65-a664-82043e247256",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:32.095Z"
+                }
+              ]
+            },
+            {
+              "id": "f30ef2f4-61b8-4b97-9e7d-5aaa115f8a76",
+              "name": "DropOffAddress",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Drop-off Address"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.dropoff_address ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "63b56852-2b48-402c-af33-d7619a341b96",
+                  "type": "mobile",
+                  "top": 350,
+                  "left": 1,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "f30ef2f4-61b8-4b97-9e7d-5aaa115f8a76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "02521ae4-d6b6-40e3-8781-a24fbd7dbf36",
+                  "type": "desktop",
+                  "top": 460,
+                  "left": 22,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "f30ef2f4-61b8-4b97-9e7d-5aaa115f8a76",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:32.095Z"
+                }
+              ]
+            },
+            {
+              "id": "0ab1346f-880f-48f4-984c-46496f81f0ed",
+              "name": "GroupSize",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.group_size ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:18:33.159Z",
+              "layouts": [
+                {
+                  "id": "41bd6774-a882-4385-a2e4-8c0b28837ffc",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 24,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "0ab1346f-880f-48f4-984c-46496f81f0ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "892552ae-7c83-47ae-9eae-95bad9dfb7a5",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 33,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "0ab1346f-880f-48f4-984c-46496f81f0ed",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:03:18.400Z"
+                }
+              ]
+            },
+            {
+              "id": "49f1ba0b-b9f0-4bec-9857-1d392eb9270a",
+              "name": "DeleteTripButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Delete Trip"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#f4433633"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "textColor": {
+                  "value": "#f44336ff"
+                },
+                "loaderColor": {
+                  "value": "#f44336ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "d81c96cd-707c-4383-be81-90cfff2a6eb4",
+                  "type": "mobile",
+                  "top": 460,
+                  "left": 27,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "49f1ba0b-b9f0-4bec-9857-1d392eb9270a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "e785bda4-bc6b-400e-ae76-d1fbe5ae379c",
+                  "type": "desktop",
+                  "top": 630,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "49f1ba0b-b9f0-4bec-9857-1d392eb9270a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:14.488Z"
+                }
+              ]
+            },
+            {
+              "id": "411279b7-3368-484e-b8d5-b42989ca9254",
+              "name": "OpenInMapsButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Open in Map"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffffff"
+                },
+                "textColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "cc0eb91a-0345-4662-a32e-88c4211ba107",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 26,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "411279b7-3368-484e-b8d5-b42989ca9254",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "ff2bf32a-f372-4efb-970b-b69f346a5579",
+                  "type": "desktop",
+                  "top": 690,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "411279b7-3368-484e-b8d5-b42989ca9254",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:03:35.725Z"
+                }
+              ]
+            },
+            {
+              "id": "735e4b24-d834-4ef6-9a00-51b64885f006",
+              "name": "EditTripDetailsButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Save Trip Details"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "boxShadow": {
+                  "value": "1px 1px 0px 0px #9b9b9bff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "2d3b13c6-7055-42ff-9bb6-1220c499274e",
+                  "type": "mobile",
+                  "top": 390,
+                  "left": 27,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "735e4b24-d834-4ef6-9a00-51b64885f006",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "ead9c6db-32cb-4864-b85f-4cd2016d57fc",
+                  "type": "desktop",
+                  "top": 690,
+                  "left": 13,
+                  "width": 14,
+                  "height": 40,
+                  "componentId": "735e4b24-d834-4ef6-9a00-51b64885f006",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:05:41.996Z"
+                }
+              ]
+            },
+            {
+              "id": "3e5ff4a9-af10-4e09-b076-b228f5546e0c",
+              "name": "TravelDetailsHeader",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "text": {
+                  "value": "Travel Details"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderRadius": {
+                  "value": "10"
+                },
+                "textColor": {
+                  "value": "#ffffffff"
+                },
+                "backgroundColor": {
+                  "value": "#3e63ddff"
+                },
+                "textIndent": {
+                  "value": "10"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "15"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:57:37.354Z",
+              "layouts": [
+                {
+                  "id": "530a5f45-d4c6-4728-85a5-f1f45fa4b5ad",
+                  "type": "mobile",
+                  "top": 30,
+                  "left": 21,
+                  "width": 21,
+                  "height": 50,
+                  "componentId": "3e5ff4a9-af10-4e09-b076-b228f5546e0c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "2c59ab8b-3a98-4f85-b655-6fb3cf67079a",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 21,
+                  "width": 21,
+                  "height": 50,
+                  "componentId": "3e5ff4a9-af10-4e09-b076-b228f5546e0c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:58:48.497Z"
+                }
+              ]
+            },
+            {
+              "id": "32867aa0-eb40-42c3-97fb-991c1c151725",
+              "name": "MainHeader",
+              "type": "Container",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": null,
+              "properties": {
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderColor": {
+                  "value": "#eae9e9ff"
+                },
+                "backgroundColor": {
+                  "value": "#fff",
+                  "fxActive": false
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "borderRadius": {
+                  "value": "12"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:20:50.280Z",
+              "layouts": [
+                {
+                  "id": "1c70b6cb-95b1-47dc-9387-c8924b5ac4c5",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 70,
+                  "componentId": "32867aa0-eb40-42c3-97fb-991c1c151725",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "2e7c96fc-d885-41b6-9e3d-a2b7d2d31052",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 70,
+                  "componentId": "32867aa0-eb40-42c3-97fb-991c1c151725",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:01:14.093Z"
+                }
+              ]
+            },
+            {
+              "id": "44dc49d8-66c4-48e0-a1e3-da5440dc537c",
+              "name": "Logo",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "32867aa0-eb40-42c3-97fb-991c1c151725",
+              "properties": {
+                "text": {
+                  "value": "LOGO"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "28"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textAlign": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "none"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "borderRadius": {
+                  "value": "0"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "lineHeight": {
+                  "value": "1.5"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "c7d2c9a1-1178-402a-8254-c9f3f3aa4a8f",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 1,
+                  "width": 5,
+                  "height": 60,
+                  "componentId": "44dc49d8-66c4-48e0-a1e3-da5440dc537c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "a78116d7-b89b-4e53-b8a2-85a3e1394899",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 1,
+                  "width": 5,
+                  "height": 60,
+                  "componentId": "44dc49d8-66c4-48e0-a1e3-da5440dc537c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "55488661-50d9-457b-884e-1bef6f8c8f6c",
+              "name": "UserIcon",
+              "type": "Icon",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "32867aa0-eb40-42c3-97fb-991c1c151725",
+              "properties": {
+                "icon": {
+                  "value": "IconBusStop"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T01:14:18.914Z",
+              "layouts": [
+                {
+                  "id": "24ceb1cc-c1fc-4da0-9861-68abc1c112a5",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 39,
+                  "width": 2,
+                  "height": 50,
+                  "componentId": "55488661-50d9-457b-884e-1bef6f8c8f6c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "684989ef-828d-4f0e-a536-df245d97ee2f",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 39,
+                  "width": 2,
+                  "height": 50,
+                  "componentId": "55488661-50d9-457b-884e-1bef6f8c8f6c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "54280f2c-41bf-423a-a0e6-d4845297f959",
+              "name": "IncomingRequestsTable",
+              "type": "Table",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "data": {
+                  "value": "{{queries.0226c6cd-baf6-4c5b-8a90-0cd76500903c.data.acceptedRequests || []}}"
+                },
+                "columns": {
+                  "value": [
+                    {
+                      "id": "d71ff65b-11f3-4cdb-8aba-0bb7fa04ba16",
+                      "name": "id",
+                      "key": "id",
+                      "columnType": "number",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "id": "8a68fdde-5fd3-49d7-a7a3-e8c1cc8df6f5",
+                      "name": "request_title",
+                      "key": "request_title",
+                      "columnType": "string",
+                      "autogenerated": true
+                    },
+                    {
+                      "id": "72ad4213-0793-4f80-bbfd-9c20289c7655",
+                      "name": "trip_date",
+                      "key": "trip_date",
+                      "columnType": "string",
+                      "autogenerated": true,
+                      "isEditable": "{{false}}"
+                    },
+                    {
+                      "name": "created_at",
+                      "id": "06664af5-6bea-4222-a703-d800ab925d22",
+                      "isEditable": "{{false}}",
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "created_at",
+                      "isTimeChecked": false,
+                      "dateFormat": "DD.MM.YYYY",
+                      "parseDateFormat": "DD/MM/YYYY",
+                      "isDateSelectionEnabled": true
+                    },
+                    {
+                      "name": "status",
+                      "id": "e5348a43-c781-4e11-b4d1-45fa0f13fd45",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "status",
+                      "columnVisibility": "{{false}}"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "id": "6ee2e76a-105b-4664-964e-99f35cce2464",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "pickup_address",
+                      "columnVisibility": "{{false}}"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "id": "51dcbcf3-b4b6-4995-bfdb-117838b92e10",
+                      "isEditable": false,
+                      "fxActiveFields": [],
+                      "columnType": "string",
+                      "key": "dropoff_address",
+                      "columnVisibility": "{{false}}"
+                    }
+                  ]
+                },
+                "columnSizes": {
+                  "value": {
+                    "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 123,
+                    "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 105,
+                    "06664af5-6bea-4222-a703-d800ab925d22": 51,
+                    "d9d794a9-ca49-4158-b484-9e7fe98f1c33": 128,
+                    "72d170d6-3fb2-429f-8160-76d7446008e5": 329,
+                    "d71ff65b-11f3-4cdb-8aba-0bb7fa04ba16": 55,
+                    "72ad4213-0793-4f80-bbfd-9c20289c7655": 188,
+                    "8a68fdde-5fd3-49d7-a7a3-e8c1cc8df6f5": 148
+                  }
+                },
+                "actions": {
+                  "value": [
+                    {
+                      "name": "Action0",
+                      "buttonText": "View Details",
+                      "events": [],
+                      "position": "right",
+                      "backgroundColor": "#3e63ddff",
+                      "textColor": "#ffffffff"
+                    }
+                  ]
+                },
+                "allowSelection": {
+                  "value": "{{false}}"
+                },
+                "columnDeletionHistory": {
+                  "value": [
+                    "photo",
+                    "date",
+                    "interest",
+                    "mobile_number",
+                    "date",
+                    "created_at",
+                    "status",
+                    "updated_at",
+                    "trip_details",
+                    "pickup_date_time",
+                    "trip_type",
+                    "group_size",
+                    "duration_days",
+                    "transportation_type",
+                    "pickup_address",
+                    "dropoff_address",
+                    "quote",
+                    "assigned_driver",
+                    "contact_first_name",
+                    "contact_last_name",
+                    "contact_email",
+                    "contact_phone"
+                  ]
+                },
+                "enabledSort": {
+                  "value": "{{false}}"
+                },
+                "rowsPerPage": {
+                  "value": "{{3}}"
+                },
+                "title": {
+                  "value": "Table"
+                },
+                "visible": {
+                  "value": "{{true}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "useDynamicColumn": {
+                  "value": "{{false}}"
+                },
+                "columnData": {
+                  "value": "{{[{name: 'email', key: 'email', id: '1'}, {name: 'Full name', key: 'name', id: '2', isEditable: true}]}}"
+                },
+                "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}}"
+                },
+                "showBulkUpdateActions": {
+                  "value": "{{true}}"
+                },
+                "showBulkSelector": {
+                  "value": "{{false}}"
+                },
+                "highlightSelectedRow": {
+                  "value": "{{false}}"
+                },
+                "hideColumnSelectorButton": {
+                  "value": "{{false}}"
+                },
+                "defaultSelectedRow": {
+                  "value": "{{{\"id\":1}}}"
+                },
+                "showAddNewRowButton": {
+                  "value": "{{true}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "actionButtonRadius": {
+                  "value": "4"
+                },
+                "borderColor": {
+                  "value": "#eae9e9ff"
+                },
+                "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-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:22:30.259Z",
+              "layouts": [
+                {
+                  "id": "34ac6233-3d7f-4870-8c59-11034830aeb3",
+                  "type": "mobile",
+                  "top": 450,
+                  "left": 1,
+                  "width": 19,
+                  "height": 350,
+                  "componentId": "54280f2c-41bf-423a-a0e6-d4845297f959",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "bd64e9ef-19ac-45bf-8827-636af1c88f97",
+                  "type": "desktop",
+                  "top": 490,
+                  "left": 1,
+                  "width": 19,
+                  "height": 350,
+                  "componentId": "54280f2c-41bf-423a-a0e6-d4845297f959",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:59:21.900Z"
+                }
+              ]
+            },
+            {
+              "id": "e221c566-00c1-489d-9b53-f90d0041e442",
+              "name": "TravelManagementHeader",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "text": {
+                  "value": "Travel Management"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:00:00.899Z",
+              "layouts": [
+                {
+                  "id": "2962dd89-ba4b-4ed4-8423-e92a4e54a9f4",
+                  "type": "mobile",
+                  "top": 120,
+                  "left": 1,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "e221c566-00c1-489d-9b53-f90d0041e442",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "51c4fd28-6c84-449a-a69c-b6bafa173496",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 11,
+                  "height": 40,
+                  "componentId": "e221c566-00c1-489d-9b53-f90d0041e442",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:59:55.826Z"
+                }
+              ]
+            },
+            {
+              "id": "35f8a7b1-5139-44f9-9b78-e7971c8bac11",
+              "name": "TravelManagementSubHeader2",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "text": {
+                  "value": "Below is a comprehensive list of all incoming requests"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "ed3f4fb5-e400-48cb-8048-9508c98cc38a",
+                  "type": "mobile",
+                  "top": 420,
+                  "left": 1,
+                  "width": 19,
+                  "height": 30,
+                  "componentId": "35f8a7b1-5139-44f9-9b78-e7971c8bac11",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "4cf870bf-555a-4b59-a80a-d2833c5d0070",
+                  "type": "desktop",
+                  "top": 460,
+                  "left": 1,
+                  "width": 19,
+                  "height": 30,
+                  "componentId": "35f8a7b1-5139-44f9-9b78-e7971c8bac11",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:45:59.068Z"
+                }
+              ]
+            },
+            {
+              "id": "944476dc-eb28-426c-97d4-da7939f5b0b4",
+              "name": "ContactFirstName",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "First Name:"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.contact_first_name ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:27:59.325Z",
+              "layouts": [
+                {
+                  "id": "07b5cd05-1ec7-4d53-9bf8-3c7eb8d3d02e",
+                  "type": "mobile",
+                  "top": 70,
+                  "left": 33,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "944476dc-eb28-426c-97d4-da7939f5b0b4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "e4320480-dcf5-409f-a710-ab3fc025e7ec",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 2,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "944476dc-eb28-426c-97d4-da7939f5b0b4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:49.176Z"
+                }
+              ]
+            },
+            {
+              "id": "02faa579-4055-4650-aa41-aacb9a748af2",
+              "name": "ContactLastName",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Last Name:"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.contact_last_name ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:28:03.494Z",
+              "layouts": [
+                {
+                  "id": "ac64c50b-833e-4732-998e-ae7ef3fe1de0",
+                  "type": "mobile",
+                  "top": 140,
+                  "left": 33,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "02faa579-4055-4650-aa41-aacb9a748af2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "9081d4c9-b918-4fe8-bb07-47dc077a9891",
+                  "type": "desktop",
+                  "top": 270,
+                  "left": 22,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "02faa579-4055-4650-aa41-aacb9a748af2",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:59.858Z"
+                }
+              ]
+            },
+            {
+              "id": "b61b5fc2-dd0a-4003-900a-bf61c79e89a8",
+              "name": "ContactEmail",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Email:                   "
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.contact_email ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:28:17.807Z",
+              "layouts": [
+                {
+                  "id": "8f5598b5-fd6f-4785-beb6-4115540cc847",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 33,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "b61b5fc2-dd0a-4003-900a-bf61c79e89a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "c3a5454f-5328-4533-b577-4cafa73f9662",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 2,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "b61b5fc2-dd0a-4003-900a-bf61c79e89a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:49.176Z"
+                }
+              ]
+            },
+            {
+              "id": "518ab880-fdf5-466d-8f98-4cb6e562cf62",
+              "name": "ContactPhone",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Phone:"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.contact_phone ?? \"\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:28:10.242Z",
+              "layouts": [
+                {
+                  "id": "069a3a28-5986-40fa-b9ba-833622ea9601",
+                  "type": "mobile",
+                  "top": 230,
+                  "left": 33,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "518ab880-fdf5-466d-8f98-4cb6e562cf62",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "914af00c-8a2f-4a18-849e-5a6e3117441f",
+                  "type": "desktop",
+                  "top": 340,
+                  "left": 22,
+                  "width": 19,
+                  "height": 40,
+                  "componentId": "518ab880-fdf5-466d-8f98-4cb6e562cf62",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:59.858Z"
+                }
+              ]
+            },
+            {
+              "id": "220ef8d4-7332-4bcc-af40-a1951e89bfe6",
+              "name": "ContactInfoHeader",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Contact Info:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "14"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:30:04.610Z",
+              "layouts": [
+                {
+                  "id": "0f4d2c6c-9d8f-4448-af02-e14c1fcdbaec",
+                  "type": "mobile",
+                  "top": 20,
+                  "left": 33,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "220ef8d4-7332-4bcc-af40-a1951e89bfe6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "a568566d-bd6c-45f0-b9c8-135f069ef101",
+                  "type": "desktop",
+                  "top": 230,
+                  "left": 2,
+                  "width": 12,
+                  "height": 30,
+                  "componentId": "220ef8d4-7332-4bcc-af40-a1951e89bfe6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:49.176Z"
+                }
+              ]
+            },
+            {
+              "id": "f426d4bb-dc86-42b6-a82f-5daff2b99ff8",
+              "name": "AssignedDriver",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Assigned Driver"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{ variables.selectedRequest?.assigned_driver ?? \"\" }}"
+                },
+                "visibility": {
+                  "fxActive": true,
+                  "value": "{{variables.selectedRequest.status.toLowerCase() === \"accepted\"}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "e484c6c9-795a-49cb-8bb1-4fa70a5f80ce",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 15,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "f426d4bb-dc86-42b6-a82f-5daff2b99ff8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "112d6341-ea03-403f-b3f4-68d216be86ad",
+                  "type": "desktop",
+                  "top": 540,
+                  "left": 13,
+                  "width": 28,
+                  "height": 40,
+                  "componentId": "f426d4bb-dc86-42b6-a82f-5daff2b99ff8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:16:09.524Z"
+                }
+              ]
+            },
+            {
+              "id": "857f4e90-4467-4d80-89d7-bb47f881ed56",
+              "name": "Quote",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": "Quote"
+                },
+                "placeholder": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{ variables.selectedRequest?.quote ?? \"\" }}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "top"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "01e465b5-8897-46c5-ae3a-8ad7e4bcfca2",
+                  "type": "mobile",
+                  "top": 230,
+                  "left": 15,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "857f4e90-4467-4d80-89d7-bb47f881ed56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "e1eb066b-b7a9-4081-9a7a-c765b6b2a867",
+                  "type": "desktop",
+                  "top": 540,
+                  "left": 2,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "857f4e90-4467-4d80-89d7-bb47f881ed56",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:16:07.029Z"
+                }
+              ]
+            },
+            {
+              "id": "cb9b0025-0f67-40e2-a2fa-4d7aa42e67a9",
+              "name": "SendQuoteButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Send Quote"
+                },
+                "visibility": {
+                  "fxActive": false,
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{!queries.checkRequiredFields.data}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#3e63dd33"
+                },
+                "textColor": {
+                  "value": "#3e63ddff"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "loaderColor": {
+                  "value": "#3e63ddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "a997ffeb-1e56-4b44-904c-318866bd2ee6",
+                  "type": "mobile",
+                  "top": 420,
+                  "left": 27,
+                  "width": 10,
+                  "height": 30,
+                  "componentId": "cb9b0025-0f67-40e2-a2fa-4d7aa42e67a9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "d7701045-2165-46e9-a935-3f0f7ce82ccb",
+                  "type": "desktop",
+                  "top": 630,
+                  "left": 13,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "cb9b0025-0f67-40e2-a2fa-4d7aa42e67a9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:14.488Z"
+                }
+              ]
+            },
+            {
+              "id": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+              "name": "MapModal",
+              "type": "Modal",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": null,
+              "properties": {
+                "title": {
+                  "value": "Select Trip Locations"
+                },
+                "triggerButtonLabel": {
+                  "value": "Map"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "lg"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{true}}"
+                },
+                "modalHeight": {
+                  "value": "450px"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T01:13:37.322Z",
+              "layouts": [
+                {
+                  "id": "424da2dd-5bb6-4b94-95e6-de2f299a4177",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 21,
+                  "width": 4,
+                  "height": 50,
+                  "componentId": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "0acb08d5-6b5d-47ae-a61e-51626d080788",
+                  "type": "desktop",
+                  "top": 980,
+                  "left": 9,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:21:08.216Z"
+                }
+              ]
+            },
+            {
+              "id": "bcdae102-a72a-43d1-bc9f-43f23a77c180",
+              "name": "Map",
+              "type": "Map",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+              "properties": {},
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "a778731c-6700-477d-b3aa-151de8765abf",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 320,
+                  "componentId": "bcdae102-a72a-43d1-bc9f-43f23a77c180",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "5679f791-4831-44ce-8e73-541158082e73",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 370,
+                  "componentId": "bcdae102-a72a-43d1-bc9f-43f23a77c180",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:11:52.627Z"
+                }
+              ]
+            },
+            {
+              "id": "6e796853-edc8-4ccf-906d-2110e78a89d9",
+              "name": "AddPickUpButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+              "properties": {
+                "text": {
+                  "value": "Set Pick-Up Location"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "103b3bf5-5ce8-4a7b-9396-d98359fd1536",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 23,
+                  "width": 9,
+                  "height": 30,
+                  "componentId": "6e796853-edc8-4ccf-906d-2110e78a89d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "5d0ed2ee-1b0f-4da3-a752-661abb3b3e1f",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 11,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "6e796853-edc8-4ccf-906d-2110e78a89d9",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:12:02.516Z"
+                }
+              ]
+            },
+            {
+              "id": "dbd39a0a-e537-4025-b941-ccc88191a89c",
+              "name": "SendQuoteModal",
+              "type": "Modal",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": null,
+              "properties": {
+                "triggerButtonLabel": {
+                  "value": "Quote"
+                },
+                "title": {
+                  "value": "Please fill out the details to send a quote"
+                },
+                "useDefaultButton": {
+                  "value": "{{false}}"
+                },
+                "size": {
+                  "value": "sm"
+                },
+                "closeOnClickingOutside": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T01:13:31.738Z",
+              "layouts": [
+                {
+                  "id": "0077b523-ade0-4394-a5bd-0332f3f97a4d",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 25,
+                  "width": 4,
+                  "height": 30,
+                  "componentId": "dbd39a0a-e537-4025-b941-ccc88191a89c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "67717c91-1b2b-45c2-bb97-f149d00edcfe",
+                  "type": "desktop",
+                  "top": 980,
+                  "left": 2,
+                  "width": 5,
+                  "height": 30,
+                  "componentId": "dbd39a0a-e537-4025-b941-ccc88191a89c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:13:39.851Z"
+                }
+              ]
+            },
+            {
+              "id": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "name": "SendQuoteForm",
+              "type": "Form",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "dbd39a0a-e537-4025-b941-ccc88191a89c",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "68ce9c7a-6267-460f-80e1-d246b7ccae6c"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffffff"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #ffffffff"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "f145edc2-e67f-4a5a-81f6-b74e8ab85e32",
+                  "type": "desktop",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 400,
+                  "componentId": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "57a2b301-11b2-4fb6-a2dc-a6b5adb0b7ad",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 0,
+                  "width": 43,
+                  "height": 400,
+                  "componentId": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "2d370b2c-b19d-40f9-a3bd-45e1390783e8",
+              "name": "PickUpAddress2",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "value": {
+                  "value": "{{variables.selectedRequest?.pickup_address ?? \"\"}}"
+                },
+                "label": {
+                  "value": "Pick-up Address"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "alignment": {
+                  "value": "side"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "width": {
+                  "value": "{{100}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "8114f7f1-2e8a-4790-83be-026fce8896c4",
+                  "type": "mobile",
+                  "top": 40,
+                  "left": 5,
+                  "width": 32,
+                  "height": 30,
+                  "componentId": "2d370b2c-b19d-40f9-a3bd-45e1390783e8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "81b2f02a-d300-491d-8797-00d1f749c88b",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 5,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "2d370b2c-b19d-40f9-a3bd-45e1390783e8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "e6c1f982-4a98-4aed-a25d-18db20b2f448",
+              "name": "AddDropOffButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+              "properties": {
+                "text": {
+                  "value": "Set Drop-Off Location"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "0b3b62b2-a07c-4050-8cc2-90fb05281dff",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 33,
+                  "width": 9,
+                  "height": 30,
+                  "componentId": "e6c1f982-4a98-4aed-a25d-18db20b2f448",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "ef47f9e8-e0a9-4d48-8d9f-e6f6d39ea803",
+                  "type": "desktop",
+                  "top": 390,
+                  "left": 22,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "e6c1f982-4a98-4aed-a25d-18db20b2f448",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:12:06.787Z"
+                }
+              ]
+            },
+            {
+              "id": "a0d8a4c9-40fa-4be4-9f39-0ef0efb336ce",
+              "name": "Duration2",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "value": {
+                  "value": "{{variables.selectedRequest?.duration_days ?? \"\"}}"
+                },
+                "label": {
+                  "value": "Duration"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "width": {
+                  "value": "{{100}}"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "5266eefc-8d67-4697-9c4f-6113b96d3c86",
+                  "type": "mobile",
+                  "top": 150,
+                  "left": 4,
+                  "width": 33,
+                  "height": 30,
+                  "componentId": "a0d8a4c9-40fa-4be4-9f39-0ef0efb336ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "f573d4fb-772b-4ea2-9ba6-0c4f268150d8",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 5,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "a0d8a4c9-40fa-4be4-9f39-0ef0efb336ce",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "0c276b2c-be10-49b2-97dd-a32460d5f74a",
+              "name": "Quote2",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "value": {
+                  "value": "{{variables.selectedRequest?.quote ?? \"\"}}"
+                },
+                "label": {
+                  "value": "Quote"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "width": {
+                  "value": "{{100}}"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "1703354c-b225-4ebb-bdae-bc67a3ec54d8",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 5,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "0c276b2c-be10-49b2-97dd-a32460d5f74a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "d497b038-3022-4e9e-8bc3-e06819b245f2",
+                  "type": "mobile",
+                  "top": 280,
+                  "left": 6,
+                  "width": 31,
+                  "height": 30,
+                  "componentId": "0c276b2c-be10-49b2-97dd-a32460d5f74a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "1ae5e392-9071-4f14-a19e-7804d15db403",
+              "name": "DropOffAddress2",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "value": {
+                  "value": "{{variables.selectedRequest?.dropoff_address ?? \"\"}}"
+                },
+                "label": {
+                  "value": "Drop-off Address"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "width": {
+                  "value": "{{100}}"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "5a0c9377-5bb0-45f7-9547-d2900ccbe2c4",
+                  "type": "desktop",
+                  "top": 90,
+                  "left": 5,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "1ae5e392-9071-4f14-a19e-7804d15db403",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "a455481d-0f71-41b6-a547-92d25883e076",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 5,
+                  "width": 32,
+                  "height": 30,
+                  "componentId": "1ae5e392-9071-4f14-a19e-7804d15db403",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "939fb95a-2547-41e2-a1fb-81a0b89878a8",
+              "name": "GroupSize2",
+              "type": "TextInput",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "value": {
+                  "value": "{{variables.selectedRequest?.group_size ?? \"\"}}"
+                },
+                "label": {
+                  "value": "Group Size"
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "width": {
+                  "value": "{{100}}"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "eaabd890-ec5d-450f-b37b-424028ef123f",
+                  "type": "mobile",
+                  "top": 210,
+                  "left": 5,
+                  "width": 32,
+                  "height": 30,
+                  "componentId": "939fb95a-2547-41e2-a1fb-81a0b89878a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "bd80de9e-f1e4-402b-9c03-bd13fb78f057",
+                  "type": "desktop",
+                  "top": 210,
+                  "left": 5,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "939fb95a-2547-41e2-a1fb-81a0b89878a8",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                }
+              ]
+            },
+            {
+              "id": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "name": "RequestDetailsForm",
+              "type": "Form",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "ab99a653-134f-4068-83ad-3d27f2c8e2cc",
+              "properties": {
+                "buttonToSubmit": {
+                  "value": "0801922b-5557-4146-81a9-5e3b9a691603"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ccd1d5ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "layouts": [
+                {
+                  "id": "159d154a-ae04-471a-8ea4-dad6d83b38b3",
+                  "type": "mobile",
+                  "top": 80,
+                  "left": 21,
+                  "width": 21,
+                  "height": 720,
+                  "componentId": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-28T23:53:22.590Z"
+                },
+                {
+                  "id": "d750558e-f4fb-45d5-bf2a-2fe19f7d3190",
+                  "type": "desktop",
+                  "top": 70,
+                  "left": 21,
+                  "width": 21,
+                  "height": 770,
+                  "componentId": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:00:20.577Z"
+                }
+              ]
+            },
+            {
+              "id": "cc561045-2f53-4235-958a-54e515abf01b",
+              "name": "SendQuoteButton2",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "44f1d160-e6e7-4092-9c08-b5235dbb13a5",
+              "properties": {
+                "text": {
+                  "value": "Send"
+                }
+              },
+              "general": {},
+              "styles": {},
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "af524939-c016-4d9c-8b42-68d2c5e5e2a4",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 13,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "cc561045-2f53-4235-958a-54e515abf01b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:50:52.736Z"
+                }
+              ]
+            },
+            {
+              "id": "3a12858c-a2ea-4070-8e06-8bd293264269",
+              "name": "AcceptTripButton",
+              "type": "Button",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "Accept Trip"
+                },
+                "disabledState": {
+                  "fxActive": true,
+                  "value": "{{!variables?.isTripAcceptable}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#4caf5033"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#4caf50ff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "loaderColor": {
+                  "value": "#4caf50ff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "cd98115d-ed6a-4eaa-a841-aae30c6585a4",
+                  "type": "desktop",
+                  "top": 630,
+                  "left": 24,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "3a12858c-a2ea-4070-8e06-8bd293264269",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:01:14.488Z"
+                }
+              ]
+            },
+            {
+              "id": "5ff49c3e-d288-4c1d-8df6-ae155b2b61d5",
+              "name": "TripType",
+              "type": "DropDown",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.trip_type ?? \"\"}}"
+                },
+                "values": {
+                  "value": "{{[\"Daily\",\"Day Trip\",\"Hourly\",\"Monthly\",\"Multi-day\",\"Multi-week\",\"Nightly\",\"One-day\",\"One-night\",\"One-way\",\"Round-trip\",\"Weekend\",\"Weekly\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Daily\",\"Day Trip\",\"Hourly\",\"Monthly\",\"Multi-day\",\"Multi-week\",\"Nightly\",\"One-day\",\"One-night\",\"One-way\",\"Round-trip\",\"Weekend\",\"Weekly\"]}}"
+                }
+              },
+              "general": null,
+              "styles": {
+                "borderRadius": {
+                  "value": "6"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:05:12.269Z",
+              "updatedAt": "2024-10-29T00:19:58.798Z",
+              "layouts": [
+                {
+                  "id": "43932929-2c2f-48fd-b10b-be1759973cac",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 8,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "5ff49c3e-d288-4c1d-8df6-ae155b2b61d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:05:12.269Z"
+                },
+                {
+                  "id": "33606687-1d96-4f33-8c64-a737e85f615c",
+                  "type": "desktop",
+                  "top": 60,
+                  "left": 19,
+                  "width": 13,
+                  "height": 40,
+                  "componentId": "5ff49c3e-d288-4c1d-8df6-ae155b2b61d5",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:03:07.167Z"
+                }
+              ]
+            },
+            {
+              "id": "b8984331-d4e1-4ea9-a0e5-c6691712d821",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "<font style=\"font-weight: 500;\">Trip type</font>"
+                }
+              },
+              "general": null,
+              "styles": {
+                "textSize": {
+                  "value": "12"
+                },
+                "fontWeight": {
+                  "value": "normal"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:15:28.016Z",
+              "updatedAt": "2024-10-29T00:16:35.690Z",
+              "layouts": [
+                {
+                  "id": "e37c682b-5fa2-4075-9c34-3d5eccda66f5",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 19,
+                  "width": 11,
+                  "height": 30,
+                  "componentId": "b8984331-d4e1-4ea9-a0e5-c6691712d821",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:03:07.167Z"
+                },
+                {
+                  "id": "dc92c495-8284-4959-840c-d4204d7f1dfc",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 14,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "b8984331-d4e1-4ea9-a0e5-c6691712d821",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:15:28.016Z"
+                }
+              ]
+            },
+            {
+              "id": "f57ba466-45b9-4669-8937-c1a5a4178f3b",
+              "name": "text8",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "<font style=\"font-weight: 500;\">Pick-up Date & Time</font>"
+                }
+              },
+              "general": null,
+              "styles": {
+                "textSize": {
+                  "value": "12"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:17:07.956Z",
+              "updatedAt": "2024-10-29T00:17:23.389Z",
+              "layouts": [
+                {
+                  "id": "e0fcef50-0b2d-45aa-84f0-84dac4f04c6b",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 2,
+                  "width": 11,
+                  "height": 30,
+                  "componentId": "f57ba466-45b9-4669-8937-c1a5a4178f3b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:59.759Z"
+                },
+                {
+                  "id": "9fa43bd7-0820-461a-b348-b9e94b2c7e3e",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 14,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "f57ba466-45b9-4669-8937-c1a5a4178f3b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:17:07.956Z"
+                }
+              ]
+            },
+            {
+              "id": "c06e8aae-3526-463f-902d-82959bc667c4",
+              "name": "text9",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "<font style=\"font-weight: 500;\">Group Size</font>"
+                }
+              },
+              "general": null,
+              "styles": {
+                "textSize": {
+                  "value": "12"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:18:01.855Z",
+              "updatedAt": "2024-10-29T00:18:26.052Z",
+              "layouts": [
+                {
+                  "id": "661d5cc0-f3e5-4bec-80b9-41b847cc08a3",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 14,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "c06e8aae-3526-463f-902d-82959bc667c4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:18:01.855Z"
+                },
+                {
+                  "id": "c4dcfd46-4b38-4379-97cd-1470c42e7463",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 33,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "c06e8aae-3526-463f-902d-82959bc667c4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:03:18.400Z"
+                }
+              ]
+            },
+            {
+              "id": "c78532c0-e4e2-4cec-afc0-8a8fdd70019f",
+              "name": "TransportationType",
+              "type": "DropDown",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "label": {
+                  "value": ""
+                },
+                "values": {
+                  "value": "{{[\"Accessible Bus\",\"Business\",\"Charter Bus\",\"Electric Buses\",\"Executive\",\"Luxury Limo\",\"Moving Truck\",\"Multiple Coaches\",\"Multiple Shuttles\",\"Off-road Vehicles\",\"Party Bus\",\"Party Buses\",\"Production Vehicles\",\"Shuttle Bus\",\"Specialized Arctic Vehicles\",\"Standard\",\"Stretch Limo\",\"Themed Bus\",\"Various Luxury Vehicles\",\"Vintage Car\"]}}"
+                },
+                "display_values": {
+                  "value": "{{[\"Accessible Bus\",\"Business\",\"Charter Bus\",\"Electric Buses\",\"Executive\",\"Luxury Limo\",\"Moving Truck\",\"Multiple Coaches\",\"Multiple Shuttles\",\"Off-road Vehicles\",\"Party Bus\",\"Party Buses\",\"Production Vehicles\",\"Shuttle Bus\",\"Specialized Arctic Vehicles\",\"Standard\",\"Stretch Limo\",\"Themed Bus\",\"Various Luxury Vehicles\",\"Vintage Car\"]}}"
+                },
+                "value": {
+                  "value": "{{variables.selectedRequest?.transportation_type ?? \"\"}}"
+                }
+              },
+              "general": null,
+              "styles": {},
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:21:45.694Z",
+              "updatedAt": "2024-10-29T00:24:19.953Z",
+              "layouts": [
+                {
+                  "id": "a37025d4-4fda-42ba-96b3-d4cbbdc2cce2",
+                  "type": "desktop",
+                  "top": 150,
+                  "left": 10,
+                  "width": 31,
+                  "height": 40,
+                  "componentId": "c78532c0-e4e2-4cec-afc0-8a8fdd70019f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:44.218Z"
+                },
+                {
+                  "id": "fdbc2975-ab5d-42f7-9410-58331f210c15",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 11,
+                  "width": 8,
+                  "height": 30,
+                  "componentId": "c78532c0-e4e2-4cec-afc0-8a8fdd70019f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:21:45.694Z"
+                }
+              ]
+            },
+            {
+              "id": "6a15273b-915e-4b85-8d0b-f72135689077",
+              "name": "text10",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "<font style=\"font-weight: 500;\">Transportation Type</font>"
+                }
+              },
+              "general": null,
+              "styles": {
+                "textSize": {
+                  "value": "12"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:23:20.084Z",
+              "updatedAt": "2024-10-29T00:23:36.520Z",
+              "layouts": [
+                {
+                  "id": "7e4c5843-1b76-4927-b6e1-72af15c3936b",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 14,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "6a15273b-915e-4b85-8d0b-f72135689077",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:23:20.084Z"
+                },
+                {
+                  "id": "c2a526ca-2511-4aa6-aa62-4a63a2b31a72",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 10,
+                  "width": 15,
+                  "height": 30,
+                  "componentId": "6a15273b-915e-4b85-8d0b-f72135689077",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:44.218Z"
+                }
+              ]
+            },
+            {
+              "id": "95ccbea7-5d0f-4913-b5f6-9bfe1f21bc43",
+              "name": "text11",
+              "type": "Text",
+              "pageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "parent": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "properties": {
+                "text": {
+                  "value": "<font style=\"font-weight: 500;\">Duration</font>"
+                }
+              },
+              "general": null,
+              "styles": {
+                "textSize": {
+                  "value": "12"
+                }
+              },
+              "generalStyles": null,
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T00:24:46.615Z",
+              "updatedAt": "2024-10-29T00:25:06.369Z",
+              "layouts": [
+                {
+                  "id": "c3f79231-02d0-41a8-a646-3b57f8fc8906",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 2,
+                  "width": 7,
+                  "height": 30,
+                  "componentId": "95ccbea7-5d0f-4913-b5f6-9bfe1f21bc43",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T01:02:44.218Z"
+                },
+                {
+                  "id": "41dcb376-670c-492b-906a-ecdc993a4caa",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 14,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "95ccbea7-5d0f-4913-b5f6-9bfe1f21bc43",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T00:24:46.615Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "name": "Dashboard",
+              "handle": "dashboard",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z",
+              "autoComputeLayout": true,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "fc1dd3f1-b1f1-4ab8-b74a-f857de9f664a",
+              "name": "onRowClicked",
+              "index": 0,
+              "event": {
+                "key": "selectedRequest",
+                "value": "{{components.04155b1f-5ae1-49a9-b204-b73175dcc83d.selectedRow}}",
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.968Z"
+            },
+            {
+              "id": "52277767-66e9-40b0-b7e8-2369c4b23d4f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "899e60c3-ee51-4c88-a1db-9ae2ca27d199",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "checkRequiredFields",
+                "parameters": {}
+              },
+              "sourceId": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+              "target": "table_action",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.974Z"
+            },
+            {
+              "id": "eb7f435a-d4fe-4b03-93e6-58a5b35605d1",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "d0866dd8-fdfb-4b65-a664-82043e247256",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.979Z"
+            },
+            {
+              "id": "7d7a6487-8832-44c8-aef6-86ee93241ec6",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "We couldn't delete the request. Please try again later or contact support.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "5691e56d-eb1a-49b3-87a6-cd158d46522d",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:47:43.901Z"
+            },
+            {
+              "id": "73f44734-574f-4525-a685-e5d5d45094fa",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "The request has been accepted successfully. ",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "a2886034-e7b1-4970-943e-fa79316a7588",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "9f8a99ad-456d-4e98-a760-fc347532929e",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "There was an error accepting the request. Please try again in a few moments.",
+                "actionId": "show-alert",
+                "alertType": "error"
+              },
+              "sourceId": "a2886034-e7b1-4970-943e-fa79316a7588",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "31111b15-e0d3-4f65-88d1-a6a5773f7420",
+              "name": "onDataQueryFailure",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Oops! We couldn't load the requests. Please check your internet connection and try again.",
+                "actionId": "show-alert",
+                "alertType": "error"
+              },
+              "sourceId": "0226c6cd-baf6-4c5b-8a90-0cd76500903c",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "bf0cb25b-6b6c-432e-9993-37a4e5e652b3",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "0226c6cd-baf6-4c5b-8a90-0cd76500903c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getAllRequests",
+                "parameters": {}
+              },
+              "sourceId": "a2886034-e7b1-4970-943e-fa79316a7588",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.986Z"
+            },
+            {
+              "id": "8ce23660-65a3-4c59-9161-c88269464fb7",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.DropOffAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "f30ef2f4-61b8-4b97-9e7d-5aaa115f8a76",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.992Z"
+            },
+            {
+              "id": "639902e6-9a70-4add-b0c1-21b669882621",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "key": "",
+                "value": "",
+                "eventId": "onClick",
+                "message": "Please implement functionality to allow user to send a quote.",
+                "actionId": "show-alert",
+                "alertType": "info"
+              },
+              "sourceId": "cc561045-2f53-4235-958a-54e515abf01b",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "e453c05a-d75b-4a3e-8b16-c0bf1d4ac712",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "The request has been successfully updated.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "751d6821-a3ab-4a5b-a27a-419280d89371",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "8fec592d-f8ca-4176-9f33-129f753138d3",
+              "name": "onDataQuerySuccess",
+              "index": 0,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "The request has been successfully deleted from the system.",
+                "actionId": "show-alert",
+                "alertType": "success"
+              },
+              "sourceId": "5691e56d-eb1a-49b3-87a6-cd158d46522d",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "759280bb-f373-4a4e-89dc-33a6ea62491b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "5691e56d-eb1a-49b3-87a6-cd158d46522d",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "deleteRequest",
+                "parameters": {}
+              },
+              "sourceId": "49f1ba0b-b9f0-4bec-9857-1d392eb9270a",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.997Z"
+            },
+            {
+              "id": "79706797-0de4-4c61-b601-89fa6fce533f",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "47380eea-d38e-44a5-8f1c-8befbc01fadd",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "411279b7-3368-484e-b8d5-b42989ca9254",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.005Z"
+            },
+            {
+              "id": "fcb3eb84-ad0f-4990-9de9-5a0e86015928",
+              "name": "onRowClicked",
+              "index": 0,
+              "event": {
+                "key": "selectedRequest",
+                "value": "{{components.54280f2c-41bf-423a-a0e6-d4845297f959.selectedRow}}",
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "54280f2c-41bf-423a-a0e6-d4845297f959",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.010Z"
+            },
+            {
+              "id": "a505b399-a17d-4a70-9292-f8e9083122fb",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "ref": "Action0",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "899e60c3-ee51-4c88-a1db-9ae2ca27d199",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "checkRequiredFields",
+                "parameters": {}
+              },
+              "sourceId": "54280f2c-41bf-423a-a0e6-d4845297f959",
+              "target": "table_action",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.015Z"
+            },
+            {
+              "id": "f71afe7e-5df1-4150-b796-e52b50c46229",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "a2886034-e7b1-4970-943e-fa79316a7588",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "acceptTrip",
+                "parameters": {}
+              },
+              "sourceId": "3a12858c-a2ea-4070-8e06-8bd293264269",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.020Z"
+            },
+            {
+              "id": "e9642a42-295b-48e5-8f9d-2d74a34d397b",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "modal": "dbd39a0a-e537-4025-b941-ccc88191a89c",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "show-modal",
+                "alertType": "info"
+              },
+              "sourceId": "cb9b0025-0f67-40e2-a2fa-4d7aa42e67a9",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.026Z"
+            },
+            {
+              "id": "160901b7-8064-419b-a568-5b1cae673d98",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.bcdae102-a72a-43d1-bc9f-43f23a77c180}}",
+                "eventId": "onClick",
+                "message": "Please implement functionality to allow user to to select a pick-up address.",
+                "actionId": "show-alert",
+                "alertType": "info"
+              },
+              "sourceId": "6e796853-edc8-4ccf-906d-2110e78a89d9",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.031Z"
+            },
+            {
+              "id": "f62fec08-826d-43a9-b5dc-e2dc52da8945",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "2d370b2c-b19d-40f9-a3bd-45e1390783e8",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.038Z"
+            },
+            {
+              "id": "10bdeb39-dab2-431d-b068-150a2f43c019",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.bcdae102-a72a-43d1-bc9f-43f23a77c180}}",
+                "eventId": "onClick",
+                "message": "Please implement functionality to allow user to to select a drop-off address.",
+                "actionId": "show-alert",
+                "alertType": "info",
+                "runOnlyIf": ""
+              },
+              "sourceId": "e6c1f982-4a98-4aed-a25d-18db20b2f448",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.042Z"
+            },
+            {
+              "id": "dd03130e-6e18-4953-bceb-265bbe66ea91",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "a0d8a4c9-40fa-4be4-9f39-0ef0efb336ce",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.049Z"
+            },
+            {
+              "id": "c53e938a-6979-4637-ac73-f1938d4bf286",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "0c276b2c-be10-49b2-97dd-a32460d5f74a",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.055Z"
+            },
+            {
+              "id": "ce5bc5e9-a671-483d-b875-7880573c10c5",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "1ae5e392-9071-4f14-a19e-7804d15db403",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.060Z"
+            },
+            {
+              "id": "c2aa21d5-8757-4e33-8490-c4616f2182b0",
+              "name": "onFocus",
+              "index": 0,
+              "event": {
+                "key": "selectedAddress",
+                "value": "{{components.a3f6f50d-0272-40d1-88a3-c17e5952b15c.data.PickUpAddress.value}}",
+                "eventId": "onFocus",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "939fb95a-2547-41e2-a1fb-81a0b89878a8",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.064Z"
+            },
+            {
+              "id": "b2d62d7b-80b2-4fcc-b109-b5d2bec77d7a",
+              "name": "onSubmit",
+              "index": 0,
+              "event": {
+                "eventId": "onSubmit",
+                "message": "Hello world!",
+                "queryId": "751d6821-a3ab-4a5b-a27a-419280d89371",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "updateRequestDetails",
+                "parameters": {}
+              },
+              "sourceId": "a3f6f50d-0272-40d1-88a3-c17e5952b15c",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.069Z"
+            },
+            {
+              "id": "3cd84874-5649-41dc-9d98-9dc2b2b15ecb",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "key": "selectedRequest",
+                "value": "{{queries.751d6821-a3ab-4a5b-a27a-419280d89371.data[0]}}",
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "751d6821-a3ab-4a5b-a27a-419280d89371",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.077Z"
+            },
+            {
+              "id": "45e1f6ee-6af5-4e3f-a671-c950a30198c1",
+              "name": "onDataQuerySuccess",
+              "index": 1,
+              "event": {
+                "eventId": "onDataQuerySuccess",
+                "message": "Hello world!",
+                "queryId": "0226c6cd-baf6-4c5b-8a90-0cd76500903c",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "getAllRequests",
+                "parameters": {}
+              },
+              "sourceId": "5691e56d-eb1a-49b3-87a6-cd158d46522d",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:23.082Z"
+            },
+            {
+              "id": "6c592379-b0d4-4f9e-b4d6-4370eb322780",
+              "name": "onClick",
+              "index": 1,
+              "event": {
+                "key": "selectedRequest",
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "unset-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "49f1ba0b-b9f0-4bec-9857-1d392eb9270a",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:41:57.995Z"
+            },
+            {
+              "id": "52efa2b4-a407-484c-b176-e1ba897832da",
+              "name": "onDataQueryFailure",
+              "index": 2,
+              "event": {
+                "eventId": "onDataQueryFailure",
+                "message": "Unable to update the request at this time. Please try again later.",
+                "actionId": "show-alert",
+                "alertType": "warning"
+              },
+              "sourceId": "751d6821-a3ab-4a5b-a27a-419280d89371",
+              "target": "data_query",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-29T00:47:33.357Z"
+            },
+            {
+              "id": "78d2e884-5a7c-4c21-9a90-0f16e2659780",
+              "name": "onRowClicked",
+              "index": 1,
+              "event": {
+                "key": "isTripAcceptable",
+                "value": "{{true}}",
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "54280f2c-41bf-423a-a0e6-d4845297f959",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-29T00:51:54.029Z",
+              "updatedAt": "2024-10-29T01:04:14.669Z"
+            },
+            {
+              "id": "aa51fdd4-d84f-47db-93a4-ed84be49678d",
+              "name": "onRowClicked",
+              "index": 1,
+              "event": {
+                "key": "isTripAcceptable",
+                "value": "{{false}}",
+                "eventId": "onRowClicked",
+                "message": "Hello world!",
+                "actionId": "set-custom-variable",
+                "alertType": "info"
+              },
+              "sourceId": "04155b1f-5ae1-49a9-b204-b73175dcc83d",
+              "target": "component",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-29T00:53:23.597Z",
+              "updatedAt": "2024-10-29T01:04:25.253Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "899e60c3-ee51-4c88-a1db-9ae2ca27d199",
+              "name": "checkRequiredFields",
+              "options": {
+                "code": "const pickupAddress = variables.selectedRequest.pickup_address;\nconst dropOffAddress = variables.selectedRequest.dropoff_address;\nconst groupSize = variables.selectedRequest.group_size;\nconst duration = variables.selectedRequest.duration_days;\nconst quote = variables.selectedRequest.quote;\n\nif (!pickupAddress || !dropOffAddress || !groupSize || !duration || !quote) {\n  return true;\n}\n\nreturn false;\n",
+                "parameters": []
+              },
+              "dataSourceId": "b1e67ce7-d951-4804-bfda-0b3ccc49cd58",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "751d6821-a3ab-4a5b-a27a-419280d89371",
+              "name": "updateRequestDetails",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "e7e272da-f363-4b25-8a23-746745c4df33",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1722383082122,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "request_title",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_date",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "status",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_date_time",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "group_size",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "duration_days",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "transportation_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "quote",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "assigned_driver",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_first_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_last_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_email",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_phone",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "runOnPageLoad": false,
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "pickup_date_time",
+                      "value": "{{components.RequestDetailsForm.data.PickUpDateTime.value ? components.RequestDetailsForm.data.PickUpDateTime.value : \"\" }}"
+                    },
+                    "1": {
+                      "column": "trip_type",
+                      "value": "{{components.RequestDetailsForm.data.TripType.value ? components.RequestDetailsForm.data.TripType.value : \"\"}}"
+                    },
+                    "2": {
+                      "column": "group_size",
+                      "value": "{{components.RequestDetailsForm.data.GroupSize.value ? components.RequestDetailsForm.data.GroupSize.value : 0}} "
+                    },
+                    "3": {
+                      "column": "duration_days",
+                      "value": "{{components.RequestDetailsForm.data.Duration.value ? components.RequestDetailsForm.data.Duration.value : 0}}"
+                    },
+                    "4": {
+                      "column": "transportation_type",
+                      "value": "{{components.RequestDetailsForm.data.TransportationType.value ? components.RequestDetailsForm.data.TransportationType.value : \"\"}}"
+                    },
+                    "5": {
+                      "column": "pickup_address",
+                      "value": "{{components.RequestDetailsForm.data.PickUpAddress.value ? components.RequestDetailsForm.data.PickUpAddress.value : \"\"}}"
+                    },
+                    "6": {
+                      "column": "dropoff_address",
+                      "value": "{{components.RequestDetailsForm.data.DropOffAddress.value ? components.RequestDetailsForm.data.DropOffAddress.value : \"\"}}"
+                    },
+                    "7": {
+                      "column": "contact_first_name",
+                      "value": "{{components.RequestDetailsForm.data.ContactFirstName.value ? components.RequestDetailsForm.data.ContactFirstName.value : \"\"}}"
+                    },
+                    "8": {
+                      "column": "contact_last_name",
+                      "value": "{{components.RequestDetailsForm.data.ContactLastName.value ? components.RequestDetailsForm.data.ContactLastName.value : \"\"}}"
+                    },
+                    "9": {
+                      "column": "contact_email",
+                      "value": "{{components.RequestDetailsForm.data.ContactEmail.value ? components.RequestDetailsForm.data.ContactEmail.value : \"\"}}"
+                    },
+                    "10": {
+                      "column": "contact_phone",
+                      "value": "{{components.RequestDetailsForm.data.ContactPhone.value ? components.RequestDetailsForm.data.ContactPhone.value : \"\"}}"
+                    },
+                    "11": {
+                      "column": "quote",
+                      "value": "{{components.RequestDetailsForm.data.Quote.value ? components.RequestDetailsForm.data.Quote.value : 0.00}}"
+                    },
+                    "12": {
+                      "column": "assigned_driver",
+                      "value": "{{components.RequestDetailsForm.data.AssignedDriver.value ? components.RequestDetailsForm.data.AssignedDriver.value : \"\"}}"
+                    },
+                    "13": {
+                      "column": "updated_at",
+                      "value": "{{moment().format('MM.DD.YYYY')}}"
+                    }
+                  },
+                  "where_filters": {
+                    "f9bc2f88-dc58-4687-90d5-dbdf58a6b79b": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{variables.selectedRequest.id}}",
+                      "id": "f9bc2f88-dc58-4687-90d5-dbdf58a6b79b"
+                    }
+                  }
+                },
+                "showSuccessNotification": false,
+                "successMessage": "Success"
+              },
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "5691e56d-eb1a-49b3-87a6-cd158d46522d",
+              "name": "deleteRequest",
+              "options": {
+                "operation": "delete_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "e7e272da-f363-4b25-8a23-746745c4df33",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1722381901847,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "request_title",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_date",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "status",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_date_time",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "group_size",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "duration_days",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "transportation_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "quote",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "assigned_driver",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_first_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_last_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_email",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_phone",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "delete_rows": {
+                  "limit": 1,
+                  "where_filters": {
+                    "b4407ca0-a6fa-46fe-8865-d5b39e0e547f": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{variables.selectedRequest.id}}",
+                      "id": "b4407ca0-a6fa-46fe-8865-d5b39e0e547f"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "a2886034-e7b1-4970-943e-fa79316a7588",
+              "name": "acceptRequest",
+              "options": {
+                "operation": "update_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": false,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "e7e272da-f363-4b25-8a23-746745c4df33",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1722381786348,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "request_title",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_date",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "status",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_date_time",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "group_size",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "duration_days",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "transportation_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "quote",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "assigned_driver",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_first_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_last_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_email",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_phone",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    }
+                  ]
+                },
+                "list_rows": {},
+                "update_rows": {
+                  "columns": {
+                    "0": {
+                      "column": "status",
+                      "value": "accepted"
+                    },
+                    "a3238de7-64f8-4967-815d-5eee850326f1": {
+                      "column": "updated_at",
+                      "value": "{{moment().format('MM.DD.YYYY')}}"
+                    }
+                  },
+                  "where_filters": {
+                    "6b26048d-692e-4955-9aa6-75e429254417": {
+                      "column": "id",
+                      "operator": "eq",
+                      "value": "{{variables.selectedRequest.id}}",
+                      "id": "6b26048d-692e-4955-9aa6-75e429254417"
+                    }
+                  }
+                }
+              },
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-10-28T23:53:22.590Z"
+            },
+            {
+              "id": "0226c6cd-baf6-4c5b-8a90-0cd76500903c",
+              "name": "getAllRequests",
+              "options": {
+                "operation": "list_rows",
+                "transformationLanguage": "javascript",
+                "enableTransformation": true,
+                "organization_id": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+                "table_id": "e7e272da-f363-4b25-8a23-746745c4df33",
+                "join_table": {
+                  "joins": [
+                    {
+                      "id": 1722377299793,
+                      "conditions": {
+                        "operator": "AND",
+                        "conditionsList": [
+                          {
+                            "operator": "=",
+                            "leftField": {
+                              "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                            }
+                          }
+                        ]
+                      },
+                      "joinType": "INNER"
+                    }
+                  ],
+                  "from": {
+                    "name": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc",
+                    "type": "Table"
+                  },
+                  "fields": [
+                    {
+                      "name": "id",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "request_title",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_date",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "status",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_date_time",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "trip_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "group_size",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "duration_days",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "transportation_type",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "pickup_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "dropoff_address",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "quote",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "assigned_driver",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_first_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_last_name",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_email",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "contact_phone",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "created_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    },
+                    {
+                      "name": "updated_at",
+                      "table": "6aa74e0a-e522-4a7b-991f-3bb1754e9adc"
+                    }
+                  ]
+                },
+                "list_rows": {
+                  "limit": "",
+                  "order_filters": {
+                    "78d1edad-5cfa-4536-b18a-8a444ef9a76a": {
+                      "column": "trip_date",
+                      "order": "asc",
+                      "id": "78d1edad-5cfa-4536-b18a-8a444ef9a76a"
+                    }
+                  },
+                  "offset": ""
+                },
+                "runOnPageLoad": true,
+                "transformation": "const incomingRequests = data.filter(request => request.status.toLowerCase() === 'pending');\nconst acceptedRequests = data.filter(request => request.status.toLowerCase() === 'accepted');\n  \nreturn { incomingRequests, acceptedRequests };\n"
+              },
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "createdAt": "2024-10-28T23:53:22.590Z",
+              "updatedAt": "2024-12-03T00:26:35.326Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "2cf85c2f-b9b4-4399-beea-7a41e0f21ece",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-28T23:53:22.595Z",
+              "updatedAt": "2024-10-28T23:53:22.595Z"
+            },
+            {
+              "id": "b1e67ce7-d951-4804-bfda-0b3ccc49cd58",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-28T23:53:22.602Z",
+              "updatedAt": "2024-10-28T23:53:22.602Z"
+            },
+            {
+              "id": "42210f6e-0ef5-411e-b635-3b7c7b531761",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-28T23:53:22.610Z",
+              "updatedAt": "2024-10-28T23:53:22.610Z"
+            },
+            {
+              "id": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-28T23:53:22.617Z",
+              "updatedAt": "2024-10-28T23:53:22.617Z"
+            },
+            {
+              "id": "83e86a08-c0d4-48e1-9073-8be5bf3aebb7",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "ce61aafb-7358-4605-b163-696241690abb",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-28T23:53:22.625Z",
+              "updatedAt": "2024-10-28T23:53:22.625Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "ce61aafb-7358-4605-b163-696241690abb",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "2767324d-42d6-474c-bec0-75ea669e9006",
+              "appId": "8a2c620a-40ae-424d-bfa0-e8e796b96422",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-28T23:53:22.586Z",
+              "updatedAt": "2024-12-03T00:21:16.079Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "0c516777-bbe8-41d7-92c9-ffd143508cd9",
+              "dataSourceId": "2cf85c2f-b9b4-4399-beea-7a41e0f21ece",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.600Z",
+              "updatedAt": "2024-10-28T23:53:22.600Z"
+            },
+            {
+              "id": "9854233f-094c-4997-83f8-30e8dad02bb6",
+              "dataSourceId": "2cf85c2f-b9b4-4399-beea-7a41e0f21ece",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.600Z",
+              "updatedAt": "2024-10-28T23:53:22.600Z"
+            },
+            {
+              "id": "74b34345-9a34-4335-a2d3-7dc7198a4590",
+              "dataSourceId": "2cf85c2f-b9b4-4399-beea-7a41e0f21ece",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.600Z",
+              "updatedAt": "2024-10-28T23:53:22.600Z"
+            },
+            {
+              "id": "91f14b2a-237f-48c0-b701-586a1c578bda",
+              "dataSourceId": "b1e67ce7-d951-4804-bfda-0b3ccc49cd58",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.608Z",
+              "updatedAt": "2024-10-28T23:53:22.608Z"
+            },
+            {
+              "id": "437b8b4d-6e38-4365-9e5d-03d1adc964b9",
+              "dataSourceId": "b1e67ce7-d951-4804-bfda-0b3ccc49cd58",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.608Z",
+              "updatedAt": "2024-10-28T23:53:22.608Z"
+            },
+            {
+              "id": "d73e4b7d-ebc3-4a7a-bddc-576185096e1d",
+              "dataSourceId": "b1e67ce7-d951-4804-bfda-0b3ccc49cd58",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.608Z",
+              "updatedAt": "2024-10-28T23:53:22.608Z"
+            },
+            {
+              "id": "8baf4d8e-519a-4521-aeaf-df599ec9a1b1",
+              "dataSourceId": "42210f6e-0ef5-411e-b635-3b7c7b531761",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.615Z",
+              "updatedAt": "2024-10-28T23:53:22.615Z"
+            },
+            {
+              "id": "3811a71f-3996-4ec9-8a66-026b09ecf41d",
+              "dataSourceId": "42210f6e-0ef5-411e-b635-3b7c7b531761",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.615Z",
+              "updatedAt": "2024-10-28T23:53:22.615Z"
+            },
+            {
+              "id": "0b026a1a-653d-4b15-9903-5852d90570cf",
+              "dataSourceId": "42210f6e-0ef5-411e-b635-3b7c7b531761",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.615Z",
+              "updatedAt": "2024-10-28T23:53:22.615Z"
+            },
+            {
+              "id": "252c8796-7874-4ba5-a1ca-79ec0755a5f7",
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.623Z",
+              "updatedAt": "2024-10-28T23:53:22.623Z"
+            },
+            {
+              "id": "1402fd02-9546-4064-a74d-b6f2d9b230ff",
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.623Z",
+              "updatedAt": "2024-10-28T23:53:22.623Z"
+            },
+            {
+              "id": "36032c97-5fe4-488e-8f5e-892156080c5d",
+              "dataSourceId": "83a5c33f-b67f-4edd-8f56-16ef09a9525d",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.623Z",
+              "updatedAt": "2024-10-28T23:53:22.623Z"
+            },
+            {
+              "id": "6fbcd21d-87df-4824-b449-7eed2a879e89",
+              "dataSourceId": "83e86a08-c0d4-48e1-9073-8be5bf3aebb7",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.630Z",
+              "updatedAt": "2024-10-28T23:53:22.630Z"
+            },
+            {
+              "id": "b3371f08-f703-4305-ac49-7dc2d2b88be2",
+              "dataSourceId": "83e86a08-c0d4-48e1-9073-8be5bf3aebb7",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.630Z",
+              "updatedAt": "2024-10-28T23:53:22.630Z"
+            },
+            {
+              "id": "49ab26ad-f950-4eb0-96e7-51908bb64bf2",
+              "dataSourceId": "83e86a08-c0d4-48e1-9073-8be5bf3aebb7",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-28T23:53:22.630Z",
+              "updatedAt": "2024-10-28T23:53:22.630Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.15-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/transporation-logistics-tracker/manifest.json b/server/templates/transporation-logistics-tracker/manifest.json
new file mode 100644
index 0000000000..5e49717308
--- /dev/null
+++ b/server/templates/transporation-logistics-tracker/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Transporation logistics tracker",
+  "description": "Optimize logistics operations with real-time tracking, route planning, and key analytics for effective transportation management.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "ToolJet Database",
+      "id": "tooljetdb"
+    }
+  ],
+  "id": "transporation-logistics-tracker",
+  "category": "operations"
+}
\ No newline at end of file
diff --git a/server/templates/url-splitter-and-parser/definition.json b/server/templates/url-splitter-and-parser/definition.json
new file mode 100644
index 0000000000..f11e799857
--- /dev/null
+++ b/server/templates/url-splitter-and-parser/definition.json
@@ -0,0 +1,1258 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "554fed95-3172-4d5c-86cf-802f5fb27f0c",
+          "name": "url-splitter-and-parser",
+          "slug": "554fed95-3172-4d5c-86cf-802f5fb27f0c",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "grid",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-11-25T17:05:57.472Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-11-25T17:05:57.731Z",
+          "editingVersion": {
+            "id": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+            "name": "v1",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#2f3c4c",
+              "backgroundFxQuery": "#2f3c4c",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": true,
+            "homePageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+            "appId": "554fed95-3172-4d5c-86cf-802f5fb27f0c",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-11-25T17:05:57.481Z",
+            "updatedAt": "2024-12-04T00:32:19.945Z"
+          },
+          "components": [
+            {
+              "id": "50ce55b2-6623-4c22-bce8-986e1930339f",
+              "name": "text1",
+              "type": "Text",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "URL Splitter and Parser"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "36",
+                  "fxActive": false
+                },
+                "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "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-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:26:39.627Z",
+              "layouts": [
+                {
+                  "id": "dc5a1af7-49de-4046-a1ab-6ef7f453800c",
+                  "type": "mobile",
+                  "top": 60,
+                  "left": 21,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "50ce55b2-6623-4c22-bce8-986e1930339f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "33f2c2fc-1984-4657-a298-6ea31636d603",
+                  "type": "desktop",
+                  "top": 30,
+                  "left": 2,
+                  "width": 39,
+                  "height": 60,
+                  "componentId": "50ce55b2-6623-4c22-bce8-986e1930339f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:31:56.177Z"
+                }
+              ]
+            },
+            {
+              "id": "02529825-d022-476f-8dda-bb4700e180d0",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "textFormat": {
+                  "value": "plainText"
+                },
+                "text": {
+                  "value": "This template allows developers to break down a URL into its individual components, such as the scheme, protocol, username, password, hostname, port, domain, subdomain, top-level domain (TLD), path, query string, hash, and more. Additionally, it converts the query string into a more readable format and handles decoding of the parameters for you."
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#fff00000"
+                },
+                "textColor": {
+                  "value": "#000000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "{{14}}"
+                },
+                "textAlign": {
+                  "value": "justify",
+                  "fxActive": true
+                },
+                "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"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "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-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:31:43.314Z",
+              "layouts": [
+                {
+                  "id": "6655ea61-c84a-4670-9af7-f8c388a1baad",
+                  "type": "mobile",
+                  "top": 160,
+                  "left": 23,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "02529825-d022-476f-8dda-bb4700e180d0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "75efde1c-e78f-42a7-8563-038fd06e3384",
+                  "type": "desktop",
+                  "top": 120,
+                  "left": 2,
+                  "width": 39,
+                  "height": 50,
+                  "componentId": "02529825-d022-476f-8dda-bb4700e180d0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:28:57.021Z"
+                }
+              ]
+            },
+            {
+              "id": "c854b26e-3f32-4608-8f79-5846562dee9e",
+              "name": "url_input",
+              "type": "TextInput",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "label": {
+                  "value": "Enter URL"
+                },
+                "placeholder": {
+                  "value": "Enter your input"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#1B1F24"
+                },
+                "borderColor": {
+                  "value": "#CCD1D5"
+                },
+                "accentColor": {
+                  "value": "#4368E3"
+                },
+                "errTextColor": {
+                  "value": "#D72D39"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#fff"
+                },
+                "iconColor": {
+                  "value": "#CFD3D859"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "width": {
+                  "value": "{{33}}"
+                },
+                "alignment": {
+                  "value": "side"
+                },
+                "color": {
+                  "value": "#1B1F24"
+                },
+                "auto": {
+                  "value": "{{true}}"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconHome2"
+                },
+                "iconVisibility": {
+                  "value": false
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {
+                "mandatory": {
+                  "value": "{{false}}"
+                },
+                "regex": {
+                  "value": ""
+                },
+                "minLength": {
+                  "value": ""
+                },
+                "maxLength": {
+                  "value": ""
+                },
+                "customRule": {
+                  "value": ""
+                }
+              },
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z",
+              "layouts": [
+                {
+                  "id": "2d328d82-7331-4971-af3f-f528621ca4b4",
+                  "type": "mobile",
+                  "top": 190,
+                  "left": 14,
+                  "width": 10,
+                  "height": 40,
+                  "componentId": "c854b26e-3f32-4608-8f79-5846562dee9e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "9783ccc7-2a52-4fd4-bc8c-f07895d18501",
+                  "type": "desktop",
+                  "top": 190,
+                  "left": 2,
+                  "width": 33,
+                  "height": 40,
+                  "componentId": "c854b26e-3f32-4608-8f79-5846562dee9e",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:29:46.670Z"
+                }
+              ]
+            },
+            {
+              "id": "cb2c0de2-a936-41a2-b70a-27a776075b85",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Parse URL"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:30:11.607Z",
+              "layouts": [
+                {
+                  "id": "07ce6a97-2829-48c2-8d88-a62295a9d32e",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 30,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "cb2c0de2-a936-41a2-b70a-27a776075b85",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "6ab68e52-9726-4bc3-be40-8b5dbf636624",
+                  "type": "desktop",
+                  "top": 190,
+                  "left": 36,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "cb2c0de2-a936-41a2-b70a-27a776075b85",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:29:48.056Z"
+                }
+              ]
+            },
+            {
+              "id": "36688781-0f11-4671-a75f-2856cee2ff03",
+              "name": "divider1",
+              "type": "Divider",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "dividerColor": {
+                  "value": "#d9d9d9ff"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z",
+              "layouts": [
+                {
+                  "id": "584a9d2e-ffaf-4202-ba7d-9a3d1bb76e93",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 28,
+                  "width": 10,
+                  "height": 10,
+                  "componentId": "36688781-0f11-4671-a75f-2856cee2ff03",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "4a2fb522-1d9f-4451-bd35-db00a458b872",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 2,
+                  "width": 39,
+                  "height": 10,
+                  "componentId": "36688781-0f11-4671-a75f-2856cee2ff03",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:29:33.831Z"
+                }
+              ]
+            },
+            {
+              "id": "d1c0a8a4-87e1-499a-9d7b-c45074df39b0",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "textFormat": {
+                  "value": "html"
+                },
+                "text": {
+                  "value": "Splitted URL:"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00",
+                  "fxActive": false
+                },
+                "textColor": {
+                  "value": "#000",
+                  "fxActive": false
+                },
+                "textSize": {
+                  "value": "18",
+                  "fxActive": false
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "decoration": {
+                  "value": "none"
+                },
+                "transformation": {
+                  "value": "none"
+                },
+                "fontStyle": {
+                  "value": "normal"
+                },
+                "lineHeight": {
+                  "value": "{{1.5}}"
+                },
+                "textIndent": {
+                  "value": "{{0}}"
+                },
+                "letterSpacing": {
+                  "value": "{{0}}"
+                },
+                "wordSpacing": {
+                  "value": "{{0}}"
+                },
+                "fontVariant": {
+                  "value": "normal"
+                },
+                "verticalAlignment": {
+                  "value": "center"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "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-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:28:39.328Z",
+              "layouts": [
+                {
+                  "id": "82b8febb-3419-4e79-9b56-b12f207641d8",
+                  "type": "mobile",
+                  "top": 100,
+                  "left": 21,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d1c0a8a4-87e1-499a-9d7b-c45074df39b0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "70fad8ea-75dd-4066-9b87-2b1ee7ace631",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 2,
+                  "width": 17,
+                  "height": 40,
+                  "componentId": "d1c0a8a4-87e1-499a-9d7b-c45074df39b0",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:29:35.951Z"
+                }
+              ]
+            },
+            {
+              "id": "5adb661c-33f5-410f-8093-48dc54be0249",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "text": {
+                  "value": "Copy output"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "textColor": {
+                  "value": "#4368E3",
+                  "fxActive": false
+                },
+                "borderColor": {
+                  "value": "#4368E3"
+                },
+                "loaderColor": {
+                  "value": "#FFFFFF"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                },
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "iconColor": {
+                  "value": "#FFFFFF"
+                },
+                "direction": {
+                  "value": "left"
+                },
+                "padding": {
+                  "value": "default"
+                },
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                },
+                "icon": {
+                  "value": "IconAlignBoxBottomLeft"
+                },
+                "iconVisibility": {
+                  "value": false
+                },
+                "type": {
+                  "value": "primary"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:31:18.275Z",
+              "layouts": [
+                {
+                  "id": "34594900-13cd-4834-9697-213697da9a9b",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 33,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "5adb661c-33f5-410f-8093-48dc54be0249",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "92f004b3-7c63-4c79-b9c5-3b5774757fd3",
+                  "type": "desktop",
+                  "top": 310,
+                  "left": 36,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "5adb661c-33f5-410f-8093-48dc54be0249",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:28:17.214Z"
+                }
+              ]
+            },
+            {
+              "id": "641f7c73-9c89-441b-b977-845566458793",
+              "name": "textarea1",
+              "type": "TextArea",
+              "pageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "parent": null,
+              "properties": {
+                "value": {
+                  "value": "{{queries.d29bcc7b-4c5b-4da1-a44d-960e895fd2c8.data.result}}"
+                },
+                "placeholder": {
+                  "value": "Your Parsed URL will appear here"
+                }
+              },
+              "general": {},
+              "styles": {
+                "visibility": {
+                  "value": "{{true}}"
+                },
+                "disabledState": {
+                  "value": "{{false}}"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-12-04T00:31:04.865Z",
+              "layouts": [
+                {
+                  "id": "56cdbb96-aba7-4b73-87e6-48e87a6f956d",
+                  "type": "mobile",
+                  "top": 580,
+                  "left": 12,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "641f7c73-9c89-441b-b977-845566458793",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-11-25T17:05:57.486Z"
+                },
+                {
+                  "id": "82a59142-fb7f-425d-a236-4eed4c6fceb2",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 2,
+                  "width": 39,
+                  "height": 400,
+                  "componentId": "641f7c73-9c89-441b-b977-845566458793",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-12-04T00:46:38.958Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "name": "Home",
+              "handle": "home",
+              "index": 0,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z",
+              "autoComputeLayout": true,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "6ce570b2-cc55-42bb-a534-4e8aeedf8005",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "d29bcc7b-4c5b-4da1-a44d-960e895fd2c8",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "parseUrl",
+                "parameters": {}
+              },
+              "sourceId": "cb2c0de2-a936-41a2-b70a-27a776075b85",
+              "target": "component",
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.697Z"
+            },
+            {
+              "id": "3c82d3db-bce1-43f7-9c93-922484d0899e",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "adf721ce-aa14-4ba5-b21d-1d7bebb814a4",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "copyToClipboard",
+                "parameters": {}
+              },
+              "sourceId": "5adb661c-33f5-410f-8093-48dc54be0249",
+              "target": "component",
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.702Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "d29bcc7b-4c5b-4da1-a44d-960e895fd2c8",
+              "name": "parseUrl",
+              "options": {
+                "code": "const url = components.url_input.value\n\nconst parser = document.createElement(\"a\");\nparser.href = url;\n\n  // Extract individual components\nconst scheme = parser.protocol.replace(\":\", \"\"); // Scheme\n  const protocol = parser.protocol; // Protocol\n  const userinfo = parser.username || parser.password ? `${parser.username}:${parser.password}` : \"\"; // Userinfo\n  const username = parser.username; // Username\n  const password = parser.password; // Password\n  const authority = parser.host; // Authority\n  const host = parser.hostname; // Host\n  const hostname = parser.hostname; // Hostname\n  const subdomain = host.split(\".\").length > 2 ? host.split(\".\")[0] : \"\"; // Subdomain\n  const domain = host.split(\".\").slice(-2).join(\".\"); // Domain\n  const tld = host.split(\".\").slice(-1)[0]; // TLD\n  const resource = parser.pathname; // Resource\n  const directory = parser.pathname.substring(0, parser.pathname.lastIndexOf(\"/\") + 1); // Directory\n  const path = parser.pathname; // Path\n  const fileName = parser.pathname.split(\"/\").pop(); // File Name\n  const fileSuffix = fileName.includes(\".\") ? fileName.split(\".\").pop() : \"\"; // File suffix\n  const queryString = parser.search.substring(1); // Query String\n  const hash = parser.hash.substring(1); // Hash\n\n\nlet result = `\nScheme: ${scheme || \"Not Provided\"}\nProtocol: ${protocol || \"Not Provided\"}\nUserinfo: ${userinfo || \"Not Provided\"}\nUsername: ${username || \"Not Provided\"}\nPassword: ${password || \"Not Provided\"}\nAuthority: ${authority || \"Not Provided\"}\nHost: ${host || \"Not Provided\"}\nHostname: ${hostname || \"Not Provided\"}\nSubdomain: ${subdomain || \"Not Provided\"}\nDomain: ${domain || \"Not Provided\"}\nTLD: ${tld || \"Not Provided\"}\nResource: ${resource || \"Not Provided\"}\nDirectory: ${directory || \"Not Provided\"}\nPath: ${path || \"Not Provided\"}\nFile Name: ${fileName || \"Not Provided\"}\nFile Suffix: ${fileSuffix || \"Not Provided\"}\nQuery String: ${queryString || \"Not Provided\"}\nHash: ${hash || \"Not Provided\"}\n  `.trim();\n\nactions.showAlert(\"success\", \"URL parsed successfully\")\nreturn {result: result || \"\"}\n// return result",
+                "parameters": []
+              },
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z"
+            },
+            {
+              "id": "adf721ce-aa14-4ba5-b21d-1d7bebb814a4",
+              "name": "copyToClipboard",
+              "options": {
+                "code": "const url_data = components.textarea1.value;\n\n// Clean the URL data\nawait queries.stripHtmlTags.run({htmlString: url_data});\nconst clean_url_data = queries.stripHtmlTags.getData();\n\n// Copy cleaned data to clipboard\nactions.copyToClipboard(clean_url_data);\n",
+                "parameters": []
+              },
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z"
+            },
+            {
+              "id": "ed240e5c-4cb7-4903-bb4c-b4fde0dba33f",
+              "name": "stripHtmlTags",
+              "options": {
+                "code": "  const tempDiv = document.createElement(\"div\");\n  tempDiv.innerHTML = parameters.htmlString;\n  return tempDiv.textContent || tempDiv.innerText || \"\";",
+                "parameters": [
+                  {
+                    "name": "htmlString",
+                    "defaultValue": "1"
+                  }
+                ]
+              },
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "createdAt": "2024-11-25T17:05:57.486Z",
+              "updatedAt": "2024-11-25T17:05:57.486Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "f9e50655-650f-4139-99bc-1a9b6fecebde",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-25T17:05:57.490Z",
+              "updatedAt": "2024-11-25T17:05:57.490Z"
+            },
+            {
+              "id": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-25T17:05:57.497Z",
+              "updatedAt": "2024-11-25T17:05:57.497Z"
+            },
+            {
+              "id": "9767b93f-1606-40d4-a928-1079f0179a0d",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-25T17:05:57.504Z",
+              "updatedAt": "2024-11-25T17:05:57.504Z"
+            },
+            {
+              "id": "a2dd0eb6-a59f-4751-974e-52df61ed1fc2",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-25T17:05:57.510Z",
+              "updatedAt": "2024-11-25T17:05:57.510Z"
+            },
+            {
+              "id": "ca360582-c477-4939-96ed-df1ee93d6192",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-11-25T17:05:57.516Z",
+              "updatedAt": "2024-11-25T17:05:57.516Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "6ab8ff42-1af6-47bc-8457-1f5140d3ef49",
+              "name": "v1",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#2f3c4c",
+                "backgroundFxQuery": "#2f3c4c",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": true,
+              "homePageId": "2392ff34-3993-411f-8c8d-ac65dbb9e762",
+              "appId": "554fed95-3172-4d5c-86cf-802f5fb27f0c",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-11-25T17:05:57.481Z",
+              "updatedAt": "2024-12-04T00:32:19.945Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "d497339e-c44e-4963-a501-fca85040df9e",
+              "dataSourceId": "f9e50655-650f-4139-99bc-1a9b6fecebde",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.495Z",
+              "updatedAt": "2024-11-25T17:05:57.495Z"
+            },
+            {
+              "id": "2945d2fd-9a8d-41a3-b7dc-fd458ca4eb87",
+              "dataSourceId": "f9e50655-650f-4139-99bc-1a9b6fecebde",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.495Z",
+              "updatedAt": "2024-11-25T17:05:57.495Z"
+            },
+            {
+              "id": "e1b45425-cf0d-4b71-8048-f8104b2385e0",
+              "dataSourceId": "f9e50655-650f-4139-99bc-1a9b6fecebde",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.495Z",
+              "updatedAt": "2024-11-25T17:05:57.495Z"
+            },
+            {
+              "id": "a54daf5f-99a2-4f69-9ca1-08a41d7c5682",
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.502Z",
+              "updatedAt": "2024-11-25T17:05:57.502Z"
+            },
+            {
+              "id": "d3233a05-a561-44a4-ae41-f0323dd84e7d",
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.502Z",
+              "updatedAt": "2024-11-25T17:05:57.502Z"
+            },
+            {
+              "id": "a0cdec1f-701c-47e1-befc-b271c226119f",
+              "dataSourceId": "da846a78-3a1b-421a-aa63-619ad2558ca4",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.502Z",
+              "updatedAt": "2024-11-25T17:05:57.502Z"
+            },
+            {
+              "id": "718ae092-c6fb-498f-9e25-90d145735155",
+              "dataSourceId": "9767b93f-1606-40d4-a928-1079f0179a0d",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.508Z",
+              "updatedAt": "2024-11-25T17:05:57.508Z"
+            },
+            {
+              "id": "394cb7be-6c20-44ba-870c-8ec51e30e93b",
+              "dataSourceId": "9767b93f-1606-40d4-a928-1079f0179a0d",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.508Z",
+              "updatedAt": "2024-11-25T17:05:57.508Z"
+            },
+            {
+              "id": "2aefac44-35d4-476d-a6e9-53f3dadb8567",
+              "dataSourceId": "9767b93f-1606-40d4-a928-1079f0179a0d",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.508Z",
+              "updatedAt": "2024-11-25T17:05:57.508Z"
+            },
+            {
+              "id": "83d97bd6-5a39-42b4-ad61-3818661389ec",
+              "dataSourceId": "a2dd0eb6-a59f-4751-974e-52df61ed1fc2",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.515Z",
+              "updatedAt": "2024-11-25T17:05:57.515Z"
+            },
+            {
+              "id": "ab0b0860-96ae-49dd-a573-9b50cc2bd33c",
+              "dataSourceId": "a2dd0eb6-a59f-4751-974e-52df61ed1fc2",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.515Z",
+              "updatedAt": "2024-11-25T17:05:57.515Z"
+            },
+            {
+              "id": "89821324-b35d-44aa-b056-3eec74677026",
+              "dataSourceId": "a2dd0eb6-a59f-4751-974e-52df61ed1fc2",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.515Z",
+              "updatedAt": "2024-11-25T17:05:57.515Z"
+            },
+            {
+              "id": "c3c7a74a-ef3b-4cb4-9b24-580a0207f7a6",
+              "dataSourceId": "ca360582-c477-4939-96ed-df1ee93d6192",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.521Z",
+              "updatedAt": "2024-11-25T17:05:57.521Z"
+            },
+            {
+              "id": "f0553093-2c78-4857-a62e-d517bec379ab",
+              "dataSourceId": "ca360582-c477-4939-96ed-df1ee93d6192",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.521Z",
+              "updatedAt": "2024-11-25T17:05:57.521Z"
+            },
+            {
+              "id": "e7a19394-ec77-463b-b97a-58f7c52c26c0",
+              "dataSourceId": "ca360582-c477-4939-96ed-df1ee93d6192",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-11-25T17:05:57.521Z",
+              "updatedAt": "2024-11-25T17:05:57.521Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/url-splitter-and-parser/manifest.json b/server/templates/url-splitter-and-parser/manifest.json
new file mode 100644
index 0000000000..6331d2fcfd
--- /dev/null
+++ b/server/templates/url-splitter-and-parser/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Url splitter and parser",
+  "description": "Break down URLs into individual components for easy analysis and debugging in web development.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "url-splitter-and-parser",
+  "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/utf-8-encoder-and-decoder/definition.json b/server/templates/utf-8-encoder-and-decoder/definition.json
new file mode 100644
index 0000000000..c8ab3005ce
--- /dev/null
+++ b/server/templates/utf-8-encoder-and-decoder/definition.json
@@ -0,0 +1,1371 @@
+{
+  "app": [
+    {
+      "definition": {
+        "appV2": {
+          "type": "front-end",
+          "id": "8e0b6c99-896a-4ead-ba60-eca95d9401c9",
+          "name": "utf-8-encoder-and-decoder-final",
+          "slug": "8e0b6c99-896a-4ead-ba60-eca95d9401c9",
+          "isPublic": false,
+          "isMaintenanceOn": false,
+          "icon": "archive",
+          "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+          "currentVersionId": null,
+          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+          "workflowApiToken": null,
+          "workflowEnabled": false,
+          "createdAt": "2024-10-29T23:15:24.286Z",
+          "creationMode": "DEFAULT",
+          "updatedAt": "2024-10-29T23:15:24.597Z",
+          "editingVersion": {
+            "id": "bd603104-bb55-41e8-9bd9-38beab826f96",
+            "name": "future change",
+            "definition": null,
+            "globalSettings": {
+              "hideHeader": true,
+              "appInMaintenance": false,
+              "canvasMaxWidth": 100,
+              "canvasMaxWidthType": "%",
+              "canvasMaxHeight": 2400,
+              "canvasBackgroundColor": "#edeff5",
+              "backgroundFxQuery": "#edeff5",
+              "appMode": "auto"
+            },
+            "pageSettings": {
+              "properties": {
+                "disableMenu": {
+                  "value": "{{true}}",
+                  "fxActive": false
+                }
+              }
+            },
+            "showViewerNavigation": false,
+            "homePageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+            "appId": "8e0b6c99-896a-4ead-ba60-eca95d9401c9",
+            "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+            "promotedFrom": null,
+            "createdAt": "2024-10-29T23:15:24.295Z",
+            "updatedAt": "2024-10-29T23:30:48.141Z"
+          },
+          "components": [
+            {
+              "id": "e466c85d-6f42-4b48-bbe5-eafb3d788bb6",
+              "name": "button3",
+              "type": "Button",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Copy 📋"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#375fcfff"
+                },
+                "loaderColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "b53f11b1-44f9-4220-9c64-47f30b9348fe",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 16,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "e466c85d-6f42-4b48-bbe5-eafb3d788bb6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:16:57.369Z"
+                },
+                {
+                  "id": "78d81636-5f49-4031-98d6-604dea49e293",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 39,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "e466c85d-6f42-4b48-bbe5-eafb3d788bb6",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "7a10c35e-0698-4e02-85e4-4618968f0dd3",
+              "name": "button2",
+              "type": "Button",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Decode"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "a0e67855-ba67-4b9e-84ab-b44642038f11",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 23,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "7a10c35e-0698-4e02-85e4-4618968f0dd3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:18:11.150Z"
+                },
+                {
+                  "id": "6b04990d-3324-499d-af99-609fcc3a1d68",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 30,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "7a10c35e-0698-4e02-85e4-4618968f0dd3",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "63e50409-9469-4ee8-925f-e4e75441878d",
+              "name": "textarea3",
+              "type": "TextArea",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter Text to be Encoded"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:20:22.700Z",
+              "layouts": [
+                {
+                  "id": "f94bcbeb-86d6-4684-bd50-f66f337a8b74",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 1,
+                  "width": 19,
+                  "height": 210,
+                  "componentId": "63e50409-9469-4ee8-925f-e4e75441878d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "31af278a-af4d-4f03-a9fd-b4d701f40985",
+                  "type": "mobile",
+                  "top": 50,
+                  "left": 1,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "63e50409-9469-4ee8-925f-e4e75441878d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "505bc6e5-4d5d-4cd9-8645-efb195f43602",
+              "name": "textarea4",
+              "type": "TextArea",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:20:44.373Z",
+              "layouts": [
+                {
+                  "id": "7a3ac438-21fc-4054-9595-85daf03046de",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 23,
+                  "width": 19,
+                  "height": 230,
+                  "componentId": "505bc6e5-4d5d-4cd9-8645-efb195f43602",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "5dcba40b-ee44-48bb-b031-31f90d3b583f",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 1,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "505bc6e5-4d5d-4cd9-8645-efb195f43602",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "9e9adc9f-d9e6-42c7-800e-5fb54c96d53f",
+              "name": "button4",
+              "type": "Button",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Copy 📋"
+                }
+              },
+              "general": {},
+              "styles": {
+                "backgroundColor": {
+                  "value": "#ffffff00"
+                },
+                "textColor": {
+                  "value": "#375fcfff"
+                },
+                "loaderColor": {
+                  "value": "#375fcfff"
+                },
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "6a2e9f1a-423d-4e3a-b77c-5226429c19f0",
+                  "type": "mobile",
+                  "top": 320,
+                  "left": 39,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "9e9adc9f-d9e6-42c7-800e-5fb54c96d53f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "a0294f97-ef80-4e09-b542-df1a75f39dba",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 38,
+                  "width": 4,
+                  "height": 40,
+                  "componentId": "9e9adc9f-d9e6-42c7-800e-5fb54c96d53f",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:17:11.010Z"
+                }
+              ]
+            },
+            {
+              "id": "6c7d5af1-693c-4b6e-821e-31b595191046",
+              "name": "textarea5",
+              "type": "TextArea",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": ""
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:20:37.388Z",
+              "layouts": [
+                {
+                  "id": "e041b6cc-0d96-4ed8-b0e9-ac1ebeaa91ed",
+                  "type": "desktop",
+                  "top": 360,
+                  "left": 1,
+                  "width": 19,
+                  "height": 230,
+                  "componentId": "6c7d5af1-693c-4b6e-821e-31b595191046",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "c73df8ca-4b2c-493e-aa7d-2e71cfcd7f60",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 1,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "6c7d5af1-693c-4b6e-821e-31b595191046",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "8a28c582-914a-455b-97df-0f6776dcfb54",
+              "name": "text2",
+              "type": "Text",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "5673c633-b611-4db8-8a0d-2da97c06b718",
+              "properties": {
+                "text": {
+                  "value": "UTF-8 Encoder and Decoder"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bolder"
+                },
+                "textSize": {
+                  "value": "19"
+                },
+                "textAlign": {
+                  "value": "left"
+                },
+                "lineHeight": {
+                  "value": ""
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:18:41.461Z",
+              "layouts": [
+                {
+                  "id": "4ac03a82-18b1-458e-bb05-6ba17c94a9d7",
+                  "type": "mobile",
+                  "top": 360,
+                  "left": 15,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "8a28c582-914a-455b-97df-0f6776dcfb54",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "565e6e22-45b3-4b0d-be3b-72ff88e6cd18",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 31,
+                  "height": 40,
+                  "componentId": "8a28c582-914a-455b-97df-0f6776dcfb54",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:18:38.578Z"
+                }
+              ]
+            },
+            {
+              "id": "603c4bbb-1a39-43b8-bf4f-dd52f968ab44",
+              "name": "text3",
+              "type": "Text",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Text to be encoded:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:30:19.929Z",
+              "layouts": [
+                {
+                  "id": "7f742747-fead-4d1f-93b5-c4774af26969",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "603c4bbb-1a39-43b8-bf4f-dd52f968ab44",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "190a5784-2831-4e6c-b232-c831c364e648",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 1,
+                  "width": 8,
+                  "height": 40,
+                  "componentId": "603c4bbb-1a39-43b8-bf4f-dd52f968ab44",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "d6c330ca-244c-4e11-84f8-15710d4f9453",
+              "name": "text4",
+              "type": "Text",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "UTF-8 to be decoded:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "textSize": {
+                  "value": "16"
+                },
+                "fontWeight": {
+                  "value": "bold"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:30:25.498Z",
+              "layouts": [
+                {
+                  "id": "331fa178-b5c5-497d-aa81-d4ab3d152ffa",
+                  "type": "mobile",
+                  "top": 10,
+                  "left": 23,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "d6c330ca-244c-4e11-84f8-15710d4f9453",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "d0d559c0-d851-407c-9558-e9fb21840370",
+                  "type": "desktop",
+                  "top": 10,
+                  "left": 23,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "d6c330ca-244c-4e11-84f8-15710d4f9453",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "fd3bb519-209a-44f1-8167-bf49c35526a4",
+              "name": "text5",
+              "type": "Text",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Decoded text:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:30:35.939Z",
+              "layouts": [
+                {
+                  "id": "06f88f56-32fd-4d6f-b14e-92e57a0d4429",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "fd3bb519-209a-44f1-8167-bf49c35526a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "c3be7f6e-4cdc-477c-8e5a-7d3038e3817b",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 23,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "fd3bb519-209a-44f1-8167-bf49c35526a4",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:17:04.982Z"
+                }
+              ]
+            },
+            {
+              "id": "1a972021-76af-46dd-9c8e-aa82920c033a",
+              "name": "text7",
+              "type": "Text",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Encoded UTF-8:"
+                }
+              },
+              "general": {},
+              "styles": {
+                "fontWeight": {
+                  "value": "bold"
+                },
+                "textSize": {
+                  "value": "16"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:30:31.102Z",
+              "layouts": [
+                {
+                  "id": "34c137d9-1861-4c37-9094-59fd587f4759",
+                  "type": "mobile",
+                  "top": 310,
+                  "left": 1,
+                  "width": 6,
+                  "height": 40,
+                  "componentId": "1a972021-76af-46dd-9c8e-aa82920c033a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "bd07ba1b-1578-49e5-9df3-cec1619c8aaf",
+                  "type": "desktop",
+                  "top": 320,
+                  "left": 1,
+                  "width": 9,
+                  "height": 40,
+                  "componentId": "1a972021-76af-46dd-9c8e-aa82920c033a",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:16:53.579Z"
+                }
+              ]
+            },
+            {
+              "id": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "name": "container2",
+              "type": "Container",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": null,
+              "properties": {
+                "loadingState": {
+                  "value": "{{false}}"
+                }
+              },
+              "general": {
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                },
+                "visibility": {
+                  "value": "{{true}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.300Z",
+              "layouts": [
+                {
+                  "id": "a40fb54e-7932-4a83-b282-173766c9760d",
+                  "type": "mobile",
+                  "top": 710,
+                  "left": 9,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "78f05bd1-6190-49ec-ae32-9613914d3c32",
+                  "type": "desktop",
+                  "top": 110,
+                  "left": 1,
+                  "width": 41,
+                  "height": 620,
+                  "componentId": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:21:49.354Z"
+                }
+              ]
+            },
+            {
+              "id": "5673c633-b611-4db8-8a0d-2da97c06b718",
+              "name": "container3",
+              "type": "Container",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": null,
+              "properties": {},
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "10"
+                },
+                "borderColor": {
+                  "value": "#ffffff00"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "fxActive": false
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.300Z",
+              "layouts": [
+                {
+                  "id": "f38a5f0c-e1c9-4ae9-bdd2-cd798e95630b",
+                  "type": "mobile",
+                  "top": 180,
+                  "left": 14,
+                  "width": 5,
+                  "height": 200,
+                  "componentId": "5673c633-b611-4db8-8a0d-2da97c06b718",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "34151d54-5b96-4704-9209-51087a88e16d",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 1,
+                  "width": 41,
+                  "height": 70,
+                  "componentId": "5673c633-b611-4db8-8a0d-2da97c06b718",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:18:27.323Z"
+                }
+              ]
+            },
+            {
+              "id": "c6027224-e874-4c80-b3f8-d84c93617def",
+              "name": "utfText",
+              "type": "TextArea",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "value": {
+                  "value": ""
+                },
+                "placeholder": {
+                  "value": "Enter UTF-8 to be Decoded"
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {
+                "boxShadow": {
+                  "value": "0px 0px 0px 0px #00000040"
+                }
+              },
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:20:29.057Z",
+              "layouts": [
+                {
+                  "id": "8938bbc1-eacb-42fd-8575-41955da81ec2",
+                  "type": "mobile",
+                  "top": 330,
+                  "left": 8,
+                  "width": 6,
+                  "height": 100,
+                  "componentId": "c6027224-e874-4c80-b3f8-d84c93617def",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "3ff6d1b8-7d08-46e8-b631-6c448de3edd9",
+                  "type": "desktop",
+                  "top": 50,
+                  "left": 23,
+                  "width": 19,
+                  "height": 210,
+                  "componentId": "c6027224-e874-4c80-b3f8-d84c93617def",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                }
+              ]
+            },
+            {
+              "id": "082c7d60-408c-4c13-b7c5-03005dd50a61",
+              "name": "button1",
+              "type": "Button",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {
+                "text": {
+                  "value": "Encode"
+                },
+                "loadingState": {
+                  "value": "{{false}}"
+                },
+                "tooltip": {
+                  "value": ""
+                }
+              },
+              "general": {},
+              "styles": {
+                "borderRadius": {
+                  "value": "{{6}}"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-11-10T20:25:24.262Z",
+              "layouts": [
+                {
+                  "id": "f8c85aa2-d080-452b-be43-b4804c42a304",
+                  "type": "mobile",
+                  "top": 290,
+                  "left": 8,
+                  "width": 3,
+                  "height": 30,
+                  "componentId": "082c7d60-408c-4c13-b7c5-03005dd50a61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "343842f9-88a0-4613-8eaa-d1ae6cf1b227",
+                  "type": "desktop",
+                  "top": 260,
+                  "left": 1,
+                  "width": 5,
+                  "height": 40,
+                  "componentId": "082c7d60-408c-4c13-b7c5-03005dd50a61",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:30:48.096Z"
+                }
+              ]
+            },
+            {
+              "id": "8ced532e-8d6e-4a6f-b160-87bba054224d",
+              "name": "verticaldivider1",
+              "type": "VerticalDivider",
+              "pageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "parent": "b1eb9deb-bcd7-4dc0-892a-5b99e63c0f8b",
+              "properties": {},
+              "general": {},
+              "styles": {
+                "dividerColor": {
+                  "value": "#ddddddff"
+                }
+              },
+              "generalStyles": {},
+              "displayPreferences": {
+                "showOnDesktop": {
+                  "value": "{{true}}"
+                },
+                "showOnMobile": {
+                  "value": "{{false}}"
+                }
+              },
+              "validation": {},
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:19:51.581Z",
+              "layouts": [
+                {
+                  "id": "2ec03dff-6c8b-46ec-982d-c94ff7101175",
+                  "type": "mobile",
+                  "top": 0,
+                  "left": 20,
+                  "width": 2,
+                  "height": 100,
+                  "componentId": "8ced532e-8d6e-4a6f-b160-87bba054224d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:15:24.300Z"
+                },
+                {
+                  "id": "5ad09120-b733-4395-9d13-fb1c551c309e",
+                  "type": "desktop",
+                  "top": 20,
+                  "left": 20,
+                  "width": 3,
+                  "height": 570,
+                  "componentId": "8ced532e-8d6e-4a6f-b160-87bba054224d",
+                  "dimensionUnit": "count",
+                  "updatedAt": "2024-10-29T23:21:45.638Z"
+                }
+              ]
+            }
+          ],
+          "pages": [
+            {
+              "id": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "name": "Home",
+              "handle": "home",
+              "index": 1,
+              "disabled": false,
+              "hidden": false,
+              "icon": null,
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.300Z",
+              "autoComputeLayout": false,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "pageGroupIndex": null,
+              "pageGroupId": null,
+              "isPageGroup": false
+            }
+          ],
+          "events": [
+            {
+              "id": "dc79b794-31cd-4f2a-9dce-d7345bc4434a",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "36387d78-e176-4903-98d9-86250c05c6e3",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "utfToText",
+                "parameters": {}
+              },
+              "sourceId": "7a10c35e-0698-4e02-85e4-4618968f0dd3",
+              "target": "component",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.565Z"
+            },
+            {
+              "id": "ec13cc4b-85fc-4716-80eb-e5e0fffb8863",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "queryId": "6dc27aa9-ed69-4c24-982b-1f53f2b92acd",
+                "actionId": "run-query",
+                "alertType": "info",
+                "queryName": "textToUTF",
+                "parameters": {}
+              },
+              "sourceId": "082c7d60-408c-4c13-b7c5-03005dd50a61",
+              "target": "component",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.575Z"
+            },
+            {
+              "id": "59c765ca-3668-4790-af8f-90bab9f3a530",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{components.6c7d5af1-693c-4b6e-821e-31b595191046.value}}"
+              },
+              "sourceId": "e466c85d-6f42-4b48-bbe5-eafb3d788bb6",
+              "target": "component",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:25:08.010Z",
+              "updatedAt": "2024-10-29T23:25:48.918Z"
+            },
+            {
+              "id": "aa55e40e-482c-445c-a261-72c0a5431f59",
+              "name": "onClick",
+              "index": 0,
+              "event": {
+                "eventId": "onClick",
+                "message": "Hello world!",
+                "actionId": "copy-to-clipboard",
+                "alertType": "info",
+                "contentToCopy": "{{components.505bc6e5-4d5d-4cd9-8645-efb195f43602.value}}"
+              },
+              "sourceId": "9e9adc9f-d9e6-42c7-800e-5fb54c96d53f",
+              "target": "component",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:26:04.360Z",
+              "updatedAt": "2024-10-29T23:26:23.032Z"
+            }
+          ],
+          "dataQueries": [
+            {
+              "id": "36387d78-e176-4903-98d9-86250c05c6e3",
+              "name": "utfToText",
+              "options": {
+                "code": "function utfToText(text) {\n  const bytes = [];\n  for (let i = 0; i < text.length; i += 2) {\n    bytes.push(parseInt(text.substr(i, 2), 16));\n  }\n  const decoder = new TextDecoder(\"utf-8\");\n  const decodedText = decoder.decode(new Uint8Array(bytes));\n  components.textarea4.setText(decodedText);\n}\n\nutfToText(components.utfText.value);\n",
+                "parameters": [],
+                "runOnPageLoad": false,
+                "showSuccessNotification": false,
+                "requestConfirmation": false
+              },
+              "dataSourceId": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:27:10.591Z"
+            },
+            {
+              "id": "6dc27aa9-ed69-4c24-982b-1f53f2b92acd",
+              "name": "textToUTF",
+              "options": {
+                "code": "function utfText(text) {\n  const encoder = new TextEncoder();\n  const encoded = encoder.encode(text);\n  const hexString = Array.from(encoded)\n    .map(byte => '\\\\x' + byte.toString(16).padStart(2, '0'))\n    .join('');\n  components.textarea5.setText(hexString);\n}\nutfText(components.textarea3.value);\n",
+                "parameters": [],
+                "showSuccessNotification": false
+              },
+              "dataSourceId": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "createdAt": "2024-10-29T23:15:24.300Z",
+              "updatedAt": "2024-10-29T23:15:24.300Z"
+            }
+          ],
+          "dataSources": [
+            {
+              "id": "0adbca17-9d2a-4f95-b3a8-44cdcd000fca",
+              "name": "restapidefault",
+              "kind": "restapi",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T23:15:24.304Z",
+              "updatedAt": "2024-10-29T23:15:24.304Z"
+            },
+            {
+              "id": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "name": "runjsdefault",
+              "kind": "runjs",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T23:15:24.312Z",
+              "updatedAt": "2024-10-29T23:15:24.312Z"
+            },
+            {
+              "id": "83546162-0e89-4d6f-b2ce-7b77ded39592",
+              "name": "runpydefault",
+              "kind": "runpy",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T23:15:24.319Z",
+              "updatedAt": "2024-10-29T23:15:24.319Z"
+            },
+            {
+              "id": "3722f42b-3a08-4b35-a15c-9cf898c94e02",
+              "name": "tooljetdbdefault",
+              "kind": "tooljetdb",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T23:15:24.328Z",
+              "updatedAt": "2024-10-29T23:15:24.328Z"
+            },
+            {
+              "id": "d1d95631-34b7-4484-90e4-caef59039794",
+              "name": "workflowsdefault",
+              "kind": "workflows",
+              "type": "static",
+              "pluginId": null,
+              "appVersionId": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "organizationId": null,
+              "scope": "local",
+              "createdAt": "2024-10-29T23:15:24.334Z",
+              "updatedAt": "2024-10-29T23:15:24.334Z"
+            }
+          ],
+          "appVersions": [
+            {
+              "id": "bd603104-bb55-41e8-9bd9-38beab826f96",
+              "name": "future change",
+              "definition": null,
+              "globalSettings": {
+                "hideHeader": true,
+                "appInMaintenance": false,
+                "canvasMaxWidth": 100,
+                "canvasMaxWidthType": "%",
+                "canvasMaxHeight": 2400,
+                "canvasBackgroundColor": "#edeff5",
+                "backgroundFxQuery": "#edeff5",
+                "appMode": "auto"
+              },
+              "pageSettings": {
+                "properties": {
+                  "disableMenu": {
+                    "value": "{{true}}",
+                    "fxActive": false
+                  }
+                }
+              },
+              "showViewerNavigation": false,
+              "homePageId": "8437edbb-37b6-40ae-b69a-4976aeff9a30",
+              "appId": "8e0b6c99-896a-4ead-ba60-eca95d9401c9",
+              "currentEnvironmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "promotedFrom": null,
+              "createdAt": "2024-10-29T23:15:24.295Z",
+              "updatedAt": "2024-10-29T23:30:48.141Z"
+            }
+          ],
+          "appEnvironments": [
+            {
+              "id": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "development",
+              "isDefault": false,
+              "priority": 1,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "staging",
+              "isDefault": false,
+              "priority": 2,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            },
+            {
+              "id": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "organizationId": "7bc483fb-ec16-4179-a16e-e02d42a64963",
+              "name": "production",
+              "isDefault": true,
+              "priority": 3,
+              "enabled": true,
+              "createdAt": "2024-04-18T15:00:24.366Z",
+              "updatedAt": "2024-04-18T15:00:24.366Z"
+            }
+          ],
+          "dataSourceOptions": [
+            {
+              "id": "a91c890a-879c-432b-a5b9-e06e245ad2f2",
+              "dataSourceId": "0adbca17-9d2a-4f95-b3a8-44cdcd000fca",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.310Z",
+              "updatedAt": "2024-10-29T23:15:24.310Z"
+            },
+            {
+              "id": "2b5e8473-7291-4e91-9c05-3a4deb2a4ac3",
+              "dataSourceId": "0adbca17-9d2a-4f95-b3a8-44cdcd000fca",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.310Z",
+              "updatedAt": "2024-10-29T23:15:24.310Z"
+            },
+            {
+              "id": "1ec52e78-96e6-4724-8a5b-4a935855e1a7",
+              "dataSourceId": "0adbca17-9d2a-4f95-b3a8-44cdcd000fca",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.310Z",
+              "updatedAt": "2024-10-29T23:15:24.310Z"
+            },
+            {
+              "id": "fe119101-beae-4a84-a2a9-6259135d70a6",
+              "dataSourceId": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.317Z",
+              "updatedAt": "2024-10-29T23:15:24.317Z"
+            },
+            {
+              "id": "8997143a-6b76-4700-98db-ca4c8dbf7b7c",
+              "dataSourceId": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.318Z",
+              "updatedAt": "2024-10-29T23:15:24.318Z"
+            },
+            {
+              "id": "8f644297-eb80-499f-823f-a619acb50b24",
+              "dataSourceId": "72d44412-4173-457d-96c2-8439d2fecbd6",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.318Z",
+              "updatedAt": "2024-10-29T23:15:24.318Z"
+            },
+            {
+              "id": "cd7c8959-c761-492c-8406-556aefb2d4e2",
+              "dataSourceId": "83546162-0e89-4d6f-b2ce-7b77ded39592",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.327Z",
+              "updatedAt": "2024-10-29T23:15:24.327Z"
+            },
+            {
+              "id": "d222fb18-cede-4fc2-817f-2fc3a6a76309",
+              "dataSourceId": "83546162-0e89-4d6f-b2ce-7b77ded39592",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.327Z",
+              "updatedAt": "2024-10-29T23:15:24.327Z"
+            },
+            {
+              "id": "5159e827-79c6-4abe-a86d-d17ca53bc24d",
+              "dataSourceId": "83546162-0e89-4d6f-b2ce-7b77ded39592",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.327Z",
+              "updatedAt": "2024-10-29T23:15:24.327Z"
+            },
+            {
+              "id": "55b61ac6-7c70-4f47-ba65-711ee000f7ac",
+              "dataSourceId": "3722f42b-3a08-4b35-a15c-9cf898c94e02",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.333Z",
+              "updatedAt": "2024-10-29T23:15:24.333Z"
+            },
+            {
+              "id": "5d20c5bd-58e3-4fc7-a03c-339e9a231b47",
+              "dataSourceId": "3722f42b-3a08-4b35-a15c-9cf898c94e02",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.333Z",
+              "updatedAt": "2024-10-29T23:15:24.333Z"
+            },
+            {
+              "id": "fe07730c-3ae3-4fa0-85a0-919d33bbc111",
+              "dataSourceId": "3722f42b-3a08-4b35-a15c-9cf898c94e02",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.333Z",
+              "updatedAt": "2024-10-29T23:15:24.333Z"
+            },
+            {
+              "id": "18ec7e89-888a-4fe6-b8a5-85889020a268",
+              "dataSourceId": "d1d95631-34b7-4484-90e4-caef59039794",
+              "environmentId": "582f97c4-5e07-4f77-88de-bc46fe0725bc",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.339Z",
+              "updatedAt": "2024-10-29T23:15:24.339Z"
+            },
+            {
+              "id": "0798148a-283c-40aa-95c0-14be553795b4",
+              "dataSourceId": "d1d95631-34b7-4484-90e4-caef59039794",
+              "environmentId": "f635bf6d-7179-4756-baa2-c178ab76f2b5",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.339Z",
+              "updatedAt": "2024-10-29T23:15:24.339Z"
+            },
+            {
+              "id": "1b86d300-29ff-40ff-a4e8-ac3c734b17b3",
+              "dataSourceId": "d1d95631-34b7-4484-90e4-caef59039794",
+              "environmentId": "f6827ca7-9413-42dc-92ac-44b36d7f3c37",
+              "options": null,
+              "createdAt": "2024-10-29T23:15:24.339Z",
+              "updatedAt": "2024-10-29T23:15:24.339Z"
+            }
+          ],
+          "schemaDetails": {
+            "multiPages": true,
+            "multiEnv": true,
+            "globalDataSources": true
+          }
+        }
+      }
+    }
+  ],
+  "tooljet_version": "3.0.16-cloud-lts"
+}
\ No newline at end of file
diff --git a/server/templates/utf-8-encoder-and-decoder/manifest.json b/server/templates/utf-8-encoder-and-decoder/manifest.json
new file mode 100644
index 0000000000..4e0c9b6b0b
--- /dev/null
+++ b/server/templates/utf-8-encoder-and-decoder/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "Utf 8 encoder and decoder",
+  "description": "Encode and decode text to and from UTF-8 for enhanced text processing, facilitating multilingual support and accurate data transmission.",
+  "widgets": [
+    "Table",
+    "Container"
+  ],
+  "sources": [
+    {
+      "name": "Run JavaScript",
+      "id": "runjs"
+    }
+  ],
+  "id": "utf-8-encoder-and-decoder",
+  "category": "developer-utilities"
+}