{
  "appV2": {
    "id": "dbe29014-1e03-4c07-903c-41e12539a83d",
    "name": "file_explorer_gcs",
    "slug": "dbe29014-1e03-4c07-903c-41e12539a83d",
    "isPublic": false,
    "isMaintenanceOn": false,
    "icon": null,
    "organizationId": "bb147ffe-617f-4d34-bf6e-4b08fba24db0",
    "currentVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
    "userId": "2f5dd9fa-a0ff-497b-993c-53f2004f5eda",
    "createdAt": "2023-02-06T12:15:06.110Z",
    "updatedAt": "2023-02-06T12:40:57.358Z",
    "editingVersion": {
      "id": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
      "name": "v0",
      "definition": {
        "globalSettings": {
          "hideHeader": true,
          "appInMaintenance": false,
          "canvasMaxWidth": "1920",
          "canvasMaxHeight": 2400,
          "canvasBackgroundColor": "#edeff5",
          "backgroundFxQuery": ""
        },
        "homePageId": "0e8ecb5c-31ae-4b26-8c43-aaa2b42907e8",
        "pages": {
          "0e8ecb5c-31ae-4b26-8c43-aaa2b42907e8": {
            "name": "Home",
            "handle": "home",
            "components": {
              "eea5b1c1-6aa6-4865-83b4-3e0e9a3a3670": {
                "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"
                            }
                          ]
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "backgroundColor": {
                        "value": "#ffffffff"
                      },
                      "borderRadius": {
                        "value": "0"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "visible": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "container1",
                  "displayName": "Container",
                  "description": "Wrapper for multiple components",
                  "defaultSize": {
                    "width": 5,
                    "height": 200
                  },
                  "component": "Container",
                  "exposedVariables": {}
                },
                "layouts": {
                  "desktop": {
                    "top": 0,
                    "left": 4.905837158730719e-8,
                    "width": 43,
                    "height": 60
                  }
                }
              },
              "bc1b0e28-02c3-498f-8300-9d97d5f36553": {
                "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"
                            }
                          ]
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "backgroundColor": {
                        "value": "#f5f7fcff"
                      },
                      "borderRadius": {
                        "value": "0"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "visible": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "container2",
                  "displayName": "Container",
                  "description": "Wrapper for multiple components",
                  "defaultSize": {
                    "width": 5,
                    "height": 200
                  },
                  "component": "Container",
                  "exposedVariables": {}
                },
                "layouts": {
                  "desktop": {
                    "top": 50,
                    "left": -0.002986869112170219,
                    "width": 43,
                    "height": 940
                  }
                }
              },
              "82083134-fec5-48d8-bf94-aeaac12ecf69": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#4586f8ff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<h2>GCS File Explorer</h2>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text1",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "eea5b1c1-6aa6-4865-83b4-3e0e9a3a3670",
                "layouts": {
                  "desktop": {
                    "top": 0,
                    "left": 4.573642713133641,
                    "width": 7.986821705426356,
                    "height": 60
                  }
                }
              },
              "bab873b2-aedb-4be5-8dec-5c10c2ae94c1": {
                "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"
                            }
                          ]
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "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": "5"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "visible": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "container3",
                  "displayName": "Container",
                  "description": "Wrapper for multiple components",
                  "defaultSize": {
                    "width": 5,
                    "height": 200
                  },
                  "component": "Container",
                  "exposedVariables": {}
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 118,
                    "left": 67.44360887303806,
                    "width": 11.99119422712821,
                    "height": 420
                  }
                }
              },
              "b5c52fd2-414e-4afd-a4bc-e521fffb8d80": {
                "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": "#E7E8EA"
                      }
                    },
                    "properties": {},
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "divider1",
                  "displayName": "Divider",
                  "description": "Separator between components",
                  "component": "Divider",
                  "defaultSize": {
                    "width": 10,
                    "height": 10
                  },
                  "exposedVariables": {
                    "value": {}
                  }
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 50,
                    "left": 0,
                    "width": 43.02439230915107,
                    "height": 10
                  }
                }
              },
              "9328491e-7962-4db3-938e-0e055528f36b": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#223170ff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<h2>Upload to bucket</h2>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text2",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 4.840500769895917,
                    "width": 37.016641089883144,
                    "height": 40
                  }
                }
              },
              "cfdc8736-2374-46e4-872e-f4cff861ec74": {
                "component": {
                  "properties": {
                    "instructionText": {
                      "type": "code",
                      "displayName": "Instruction Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "enableDropzone": {
                      "type": "code",
                      "displayName": "Use Drop zone",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "enablePicker": {
                      "type": "code",
                      "displayName": "Use File Picker",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "enableMultiple": {
                      "type": "code",
                      "displayName": "Pick multiple files",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "maxFileCount": {
                      "type": "code",
                      "displayName": "Max file count",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "fileType": {
                      "type": "code",
                      "displayName": "Accept file types",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "maxSize": {
                      "type": "code",
                      "displayName": "Max size limit (Bytes)",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "minSize": {
                      "type": "code",
                      "displayName": "Min size limit (Bytes)",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "parseContent": {
                      "type": "toggle",
                      "displayName": "Parse content",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "parseFileType": {
                      "type": "select",
                      "displayName": "File type",
                      "options": [
                        {
                          "name": "Autodetect from extension",
                          "value": "auto-detect"
                        },
                        {
                          "name": "CSV",
                          "value": "csv"
                        }
                      ],
                      "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": {
                    "onFileSelected": {
                      "displayName": "On File Selected"
                    }
                  },
                  "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}}"
                      }
                    },
                    "properties": {
                      "instructionText": {
                        "value": "Drag and Drop some files here, or click to select files"
                      },
                      "enableDropzone": {
                        "value": "{{true}}"
                      },
                      "enablePicker": {
                        "value": "{{true}}"
                      },
                      "maxFileCount": {
                        "value": "{{2}}"
                      },
                      "enableMultiple": {
                        "value": "{{false}}"
                      },
                      "fileType": {
                        "value": "{{\"image/*\"}}"
                      },
                      "maxSize": {
                        "value": "{{1048576}}"
                      },
                      "minSize": {
                        "value": "{{50}}"
                      },
                      "parseContent": {
                        "value": "{{false}}"
                      },
                      "parseFileType": {
                        "value": "auto-detect"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "filepicker1",
                  "displayName": "File Picker",
                  "description": "File Picker",
                  "component": "FilePicker",
                  "defaultSize": {
                    "width": 15,
                    "height": 100
                  },
                  "actions": [
                    {
                      "handle": "clearFiles",
                      "displayName": "Clear Files"
                    }
                  ],
                  "exposedVariables": {
                    "file": [
                      {
                        "name": "",
                        "content": "",
                        "dataURL": "",
                        "type": "",
                        "parsedData": ""
                      }
                    ],
                    "isParsing": false
                  }
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 190,
                    "left": 4.575660172013693,
                    "width": 39.075105993619324,
                    "height": 110
                  }
                }
              },
              "f4401979-55eb-4276-b3d8-52a5befa1752": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "Path"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text3",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 70,
                    "left": 4.651188261951318,
                    "width": 13.953488372093023,
                    "height": 30
                  }
                }
              },
              "11169e8e-41db-4d34-a8bb-190c0b6b1124": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "Attach files"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text4",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 150,
                    "left": 4.652521099830677,
                    "width": 13.953488372093023,
                    "height": 30
                  }
                }
              },
              "42399b04-4c96-4253-bac6-b21219e797bf": {
                "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"
                    }
                  },
                  "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}}"
                      }
                    },
                    "validation": {
                      "regex": {
                        "value": ""
                      },
                      "minLength": {
                        "value": null
                      },
                      "maxLength": {
                        "value": null
                      },
                      "customRule": {
                        "value": null
                      }
                    },
                    "properties": {
                      "value": {
                        "value": ""
                      },
                      "placeholder": {
                        "value": "File Path"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "textinput1",
                  "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"
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 100,
                    "left": 4.572162190787706,
                    "width": 38.96192664289661,
                    "height": 40
                  }
                }
              },
              "f4c65680-adfa-46fb-8ae7-ff32c8919c72": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#9b9999ff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "Accepted file types: .png and .jpeg"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text5",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 300,
                    "left": 4.651224901553507,
                    "width": 38.96192664289661,
                    "height": 30
                  }
                }
              },
              "fdd69706-f317-4121-b8b2-2b7f9b9659ca": {
                "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"
                    }
                  },
                  "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
                      }
                    }
                  },
                  "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": "55697465-8e81-4ed3-b47b-fc76c52fd616",
                        "queryName": "upload"
                      }
                    ],
                    "styles": {
                      "backgroundColor": {
                        "value": "#0536fdff"
                      },
                      "textColor": {
                        "value": "#fff"
                      },
                      "loaderColor": {
                        "value": "#fff"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "borderRadius": {
                        "value": "{{5}}"
                      },
                      "disabledState": {
                        "value": "{{false}}",
                        "fxActive": true
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "Upload"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{queries.upload.isLoading}}",
                        "fxActive": true
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "button1",
                  "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"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                "layouts": {
                  "desktop": {
                    "top": 350,
                    "left": 4.652886758138191,
                    "width": 38.89227493164346,
                    "height": 50
                  }
                }
              },
              "87ea444b-9584-4e9e-bb10-d85dbe7bfdd7": {
                "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"
                    }
                  },
                  "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
                      }
                    }
                  },
                  "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": "f61d6270-bff9-43bd-8d74-b07c8e4507e4"
                      }
                    ],
                    "styles": {
                      "backgroundColor": {
                        "value": "#4586f8ff"
                      },
                      "textColor": {
                        "value": "#fff"
                      },
                      "loaderColor": {
                        "value": "#fff"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "borderRadius": {
                        "value": "{{5}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "Change"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "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"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 50,
                    "left": 83.67299641888577,
                    "width": 3.0136105454935143,
                    "height": 40
                  }
                }
              },
              "f61d6270-bff9-43bd-8d74-b07c8e4507e4": {
                "component": {
                  "properties": {
                    "title": {
                      "type": "code",
                      "displayName": "Title",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "hideTitleBar": {
                      "type": "toggle",
                      "displayName": "Hide title bar"
                    },
                    "hideCloseButton": {
                      "type": "toggle",
                      "displayName": "Hide close button"
                    },
                    "hideOnEsc": {
                      "type": "toggle",
                      "displayName": "Hide on escape"
                    },
                    "size": {
                      "type": "select",
                      "displayName": "Modal size",
                      "options": [
                        {
                          "name": "small",
                          "value": "sm"
                        },
                        {
                          "name": "medium",
                          "value": "md"
                        },
                        {
                          "name": "large",
                          "value": "lg"
                        }
                      ],
                      "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": {
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "title": {
                        "value": "Choose Bucket from GCS"
                      },
                      "size": {
                        "value": "sm"
                      },
                      "hideTitleBar": {
                        "value": "{{false}}"
                      },
                      "hideCloseButton": {
                        "value": "{{false}}"
                      },
                      "hideOnEsc": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "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": 1250,
                    "left": 39.534890578568344,
                    "width": 10,
                    "height": 230
                  }
                }
              },
              "ccbfef77-b2cf-491d-99c9-507c6a341bb4": {
                "component": {
                  "properties": {
                    "label": {
                      "type": "code",
                      "displayName": "Label",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "value": {
                      "type": "code",
                      "displayName": "Default value",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            },
                            {
                              "type": "boolean"
                            }
                          ]
                        }
                      }
                    },
                    "values": {
                      "type": "code",
                      "displayName": "Option values",
                      "validation": {
                        "schema": {
                          "type": "array",
                          "element": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              },
                              {
                                "type": "boolean"
                              }
                            ]
                          }
                        }
                      }
                    },
                    "display_values": {
                      "type": "code",
                      "displayName": "Option labels",
                      "validation": {
                        "schema": {
                          "type": "array",
                          "element": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              },
                              {
                                "type": "boolean"
                              }
                            ]
                          }
                        }
                      }
                    },
                    "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": "0"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      },
                      "justifyContent": {
                        "value": "left"
                      }
                    },
                    "validation": {
                      "customRule": {
                        "value": null
                      }
                    },
                    "properties": {
                      "label": {
                        "value": "Choose Bucket:"
                      },
                      "value": {
                        "value": "{{queries.listBuckets.data.buckets[0]}}"
                      },
                      "values": {
                        "value": "{{queries.listBuckets.data.buckets}}"
                      },
                      "display_values": {
                        "value": "{{queries.listBuckets.data.buckets}}"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{queries.listBuckets.isLoading}}",
                        "fxActive": true
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "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": ""
                  },
                  "actions": [
                    {
                      "handle": "selectOption",
                      "displayName": "Select option",
                      "params": [
                        {
                          "handle": "select",
                          "displayName": "Select"
                        }
                      ]
                    }
                  ]
                },
                "parent": "f61d6270-bff9-43bd-8d74-b07c8e4507e4",
                "layouts": {
                  "desktop": {
                    "top": 40,
                    "left": 6.974941036456017,
                    "width": 36.97274974464393,
                    "height": 40
                  }
                }
              },
              "a64b93c4-9add-43b7-ac26-a51032c69d92": {
                "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"
                    }
                  },
                  "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
                      }
                    }
                  },
                  "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": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
                        "queryName": "listFiles"
                      }
                    ],
                    "styles": {
                      "backgroundColor": {
                        "value": "#4586f8ff"
                      },
                      "textColor": {
                        "value": "#fff"
                      },
                      "loaderColor": {
                        "value": "#fff"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "borderRadius": {
                        "value": "{{5}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "List Objects"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{queries.listFiles.isLoading}}",
                        "fxActive": true
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "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"
                        }
                      ]
                    }
                  ]
                },
                "parent": "f61d6270-bff9-43bd-8d74-b07c8e4507e4",
                "layouts": {
                  "desktop": {
                    "top": 130,
                    "left": 6.869050947385281,
                    "width": 37.01906239379223,
                    "height": 40
                  }
                }
              },
              "1ad63f52-4035-4dd1-959c-f2cb9ee64c70": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Bucket:</b> "
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text12",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 50,
                    "left": 67.44186215770308,
                    "width": 2.031061336762763,
                    "height": 40
                  }
                }
              },
              "9f207ce7-e09b-4c6d-bdba-d85933058fbd": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#0a4c98ff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "{{components.dropdown1.value}}"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text13",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 40,
                    "left": 72.23948837420262,
                    "width": 5.9923164277307865,
                    "height": 60
                  }
                }
              },
              "492687d4-aa8b-4ed1-ab6c-6c1f2ff2ec72": {
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#910c0cff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Please select a Bucket</b>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text17",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 230,
                    "left": 27.90672932196101,
                    "width": 5.9896500992876,
                    "height": 40
                  }
                }
              },
              "38465e58-3274-4527-b2dc-ee887bb9da61": {
                "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"
                            }
                          ]
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "backgroundColor": {
                        "value": "#ffffffff"
                      },
                      "borderRadius": {
                        "value": "5"
                      },
                      "visibility": {
                        "value": "{{queries.listFiles.data.files == null ? false : true}}",
                        "fxActive": true
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "visible": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "container4",
                  "displayName": "Container",
                  "description": "Wrapper for multiple components",
                  "defaultSize": {
                    "width": 5,
                    "height": 200
                  },
                  "component": "Container",
                  "exposedVariables": {}
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 48,
                    "left": 4.647064382233629,
                    "width": 25.00348301361054,
                    "height": 850
                  }
                }
              },
              "eb9d8228-f999-4173-8aa1-ab221563dd8d": {
                "id": "eb9d8228-f999-4173-8aa1-ab221563dd8d",
                "component": {
                  "properties": {
                    "data": {
                      "type": "code",
                      "displayName": "List data",
                      "validation": {
                        "schema": {
                          "type": "array",
                          "element": {
                            "type": "object"
                          }
                        }
                      }
                    },
                    "rowHeight": {
                      "type": "code",
                      "displayName": "Row height",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "showBorder": {
                      "type": "code",
                      "displayName": "Show bottom border",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {
                    "onRowClicked": {
                      "displayName": "Row clicked"
                    }
                  },
                  "styles": {
                    "backgroundColor": {
                      "type": "color"
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "borderRadius": {
                      "type": "number",
                      "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": [
                      {
                        "eventId": "onRowClicked",
                        "actionId": "set-custom-variable",
                        "message": "Hello world!",
                        "alertType": "info",
                        "key": "currentlyLoadingId",
                        "value": "{{queries.listFiles.data.files[components.listview2.selectedRowId].id}}"
                      },
                      {
                        "eventId": "onRowClicked",
                        "actionId": "run-query",
                        "message": "Hello world!",
                        "alertType": "info",
                        "queryId": "7b5edb9d-8cdb-4de5-8bf5-ef0872b77ea5",
                        "queryName": "urlfordownload"
                      }
                    ],
                    "styles": {
                      "backgroundColor": {
                        "value": "#ffffffff"
                      },
                      "visibility": {
                        "value": "",
                        "fxActive": false
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      },
                      "borderRadius": {
                        "value": "{{5}}"
                      }
                    },
                    "properties": {
                      "data": {
                        "value": "{{queries.listFiles.data.files}}"
                      },
                      "rowHeight": {
                        "value": "{{70}}"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "showBorder": {
                        "value": "{{true}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "listview2",
                  "displayName": "List View",
                  "description": "Wrapper for multiple components",
                  "defaultSize": {
                    "width": 5,
                    "height": 200
                  },
                  "component": "Listview",
                  "exposedVariables": {
                    "data": [
                      {}
                    ]
                  }
                },
                "layouts": {
                  "desktop": {
                    "top": 40,
                    "left": 2.2527903896895207,
                    "width": 42.04535857090364,
                    "height": 750
                  }
                },
                "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
              },
              "201a4aa4-19f7-43bc-89b6-f07071d32d8f": {
                "id": "201a4aa4-19f7-43bc-89b6-f07071d32d8f",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#0831a7ff"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "{{listItem.name}}"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text18",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 0,
                    "left": 2.3374990023345372,
                    "width": 11.97667411744889,
                    "height": 60
                  }
                },
                "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
              },
              "1801dc7f-9cfd-42b4-9308-b9e8a7247a01": {
                "id": "1801dc7f-9cfd-42b4-9308-b9e8a7247a01",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "{{moment(listItem).format(\"DD/MM/YYYY h:mm:ss a\")}}"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text19",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 0,
                    "left": 32.808758754514436,
                    "width": 10.988266990126824,
                    "height": 50
                  }
                },
                "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
              },
              "d5cb9a4d-de68-4acf-833e-268350eab348": {
                "id": "d5cb9a4d-de68-4acf-833e-268350eab348",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "{{(listItem.size/1024).toFixed(2)}} kb"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text20",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 0,
                    "left": 61.30283951484706,
                    "width": 6.046231353516493,
                    "height": 50
                  }
                },
                "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
              },
              "1504f3eb-7a7f-41e9-aa21-e3c464376c4e": {
                "id": "1504f3eb-7a7f-41e9-aa21-e3c464376c4e",
                "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"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "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": [
                      {
                        "eventId": "onClick",
                        "actionId": "open-webpage",
                        "message": "Hello world!",
                        "alertType": "info",
                        "url": "{{queries.urlfordownload.data.url}}"
                      }
                    ],
                    "styles": {
                      "borderType": {
                        "value": "none"
                      },
                      "padding": {
                        "value": "0"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      },
                      "imageFit": {
                        "value": "contain"
                      }
                    },
                    "properties": {
                      "source": {
                        "value": "https://www.svgrepo.com/show/12258/download.svg"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{listItem.id === variables.currentlyLoadingId}}",
                        "fxActive": true
                      },
                      "alternativeText": {
                        "value": ""
                      },
                      "zoomButtons": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "image2",
                  "displayName": "Image",
                  "description": "Display an Image",
                  "defaultSize": {
                    "width": 3,
                    "height": 100
                  },
                  "component": "Image",
                  "exposedVariables": {}
                },
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 84.29789240754143,
                    "width": 2.0347085494361803,
                    "height": 30
                  }
                },
                "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
              },
              "8c9e0be7-91e6-48f4-b604-fd9f079da736": {
                "id": "8c9e0be7-91e6-48f4-b604-fd9f079da736",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "center"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Name<b>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text16",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 4.651160676682724,
                    "width": 3.02184474690101,
                    "height": 30
                  }
                },
                "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
              },
              "927c6186-fa7f-4f52-9545-a9a5aac68e6a": {
                "id": "927c6186-fa7f-4f52-9545-a9a5aac68e6a",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Updated on<b>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text21",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 34.88390917709527,
                    "width": 7.008187219741155,
                    "height": 40
                  }
                },
                "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
              },
              "58a0747c-f5ef-4684-be4e-e9758c1d0b03": {
                "id": "58a0747c-f5ef-4684-be4e-e9758c1d0b03",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Actions<b>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text22",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 83.72136505021093,
                    "width": 3.9899564903050453,
                    "height": 30
                  }
                },
                "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
              },
              "f6bc2d87-8fe6-4ef9-809a-cf9b79e7f723": {
                "id": "f6bc2d87-8fe6-4ef9-809a-cf9b79e7f723",
                "component": {
                  "properties": {
                    "text": {
                      "type": "code",
                      "displayName": "Text",
                      "validation": {
                        "schema": {
                          "type": "union",
                          "schemas": [
                            {
                              "type": "string"
                            },
                            {
                              "type": "number"
                            }
                          ]
                        }
                      }
                    },
                    "loadingState": {
                      "type": "toggle",
                      "displayName": "Show loading state",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "general": {
                    "tooltip": {
                      "type": "code",
                      "displayName": "Tooltip",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    }
                  },
                  "others": {
                    "showOnDesktop": {
                      "type": "toggle",
                      "displayName": "Show on desktop"
                    },
                    "showOnMobile": {
                      "type": "toggle",
                      "displayName": "Show on mobile"
                    }
                  },
                  "events": {},
                  "styles": {
                    "textSize": {
                      "type": "number",
                      "displayName": "Text Size",
                      "validation": {
                        "schema": {
                          "type": "number"
                        }
                      }
                    },
                    "textColor": {
                      "type": "color",
                      "displayName": "Text Color",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "textAlign": {
                      "type": "alignButtons",
                      "displayName": "Align Text",
                      "validation": {
                        "schema": {
                          "type": "string"
                        }
                      }
                    },
                    "visibility": {
                      "type": "toggle",
                      "displayName": "Visibility",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    },
                    "disabledState": {
                      "type": "toggle",
                      "displayName": "Disable",
                      "validation": {
                        "schema": {
                          "type": "boolean"
                        }
                      }
                    }
                  },
                  "validate": true,
                  "generalStyles": {
                    "boxShadow": {
                      "type": "boxShadow",
                      "displayName": "Box Shadow"
                    }
                  },
                  "definition": {
                    "others": {
                      "showOnDesktop": {
                        "value": "{{true}}"
                      },
                      "showOnMobile": {
                        "value": "{{false}}"
                      }
                    },
                    "events": [],
                    "styles": {
                      "groupActions": {
                        "value": "left"
                      },
                      "textSize": {
                        "value": 14
                      },
                      "textColor": {
                        "value": "#000"
                      },
                      "textAlign": {
                        "value": "left"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      },
                      "disabledState": {
                        "value": "{{false}}"
                      }
                    },
                    "properties": {
                      "text": {
                        "value": "<b>Size<b>"
                      },
                      "visible": {
                        "value": "{{true}}"
                      },
                      "loadingState": {
                        "value": "{{false}}"
                      }
                    },
                    "general": {},
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "exposedVariables": {}
                  },
                  "name": "text23",
                  "displayName": "Text",
                  "description": "Display markdown or HTML",
                  "component": "Text",
                  "defaultSize": {
                    "width": 6,
                    "height": 30
                  },
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "setText",
                      "displayName": "Set Text",
                      "params": [
                        {
                          "handle": "text",
                          "displayName": "Text",
                          "defaultValue": "New text"
                        }
                      ]
                    }
                  ]
                },
                "layouts": {
                  "desktop": {
                    "top": 10,
                    "left": 62.833379149847055,
                    "width": 3.9899564903050453,
                    "height": 30
                  }
                },
                "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
              },
              "e2b8efe7-130a-4b2f-a888-fd5d09f69ea7": {
                "component": {
                  "properties": {
                    "icon": {
                      "type": "iconPicker",
                      "displayName": "Icon",
                      "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": {
                    "onClick": {
                      "displayName": "On click"
                    },
                    "onHover": {
                      "displayName": "On hover"
                    }
                  },
                  "styles": {
                    "iconColor": {
                      "type": "color",
                      "displayName": "Icon 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": [
                      {
                        "eventId": "onClick",
                        "actionId": "run-query",
                        "message": "Hello world!",
                        "alertType": "info",
                        "queryId": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
                        "queryName": "listFiles"
                      }
                    ],
                    "styles": {
                      "iconColor": {
                        "value": "#1379ddff"
                      },
                      "visibility": {
                        "value": "{{true}}"
                      }
                    },
                    "generalStyles": {
                      "boxShadow": {
                        "value": "0px 0px 0px 0px #00000040"
                      }
                    },
                    "properties": {
                      "icon": {
                        "value": "IconBrandGrammarly"
                      }
                    },
                    "general": {},
                    "exposedVariables": {}
                  },
                  "name": "icon1",
                  "displayName": "Icon",
                  "description": "Icon",
                  "defaultSize": {
                    "width": 5,
                    "height": 48
                  },
                  "component": "Icon",
                  "exposedVariables": {},
                  "actions": [
                    {
                      "handle": "click",
                      "displayName": "Click"
                    },
                    {
                      "displayName": "Set Visibility",
                      "handle": "setVisibility",
                      "params": [
                        {
                          "handle": "value",
                          "displayName": "Value",
                          "defaultValue": "{{true}}",
                          "type": "toggle"
                        }
                      ]
                    }
                  ]
                },
                "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                "layouts": {
                  "desktop": {
                    "top": 48,
                    "left": 88.37209405185094,
                    "width": 3.9746959675698728,
                    "height": 40
                  }
                },
                "withDefaultChildren": false
              }
            }
          }
        },
        "showViewerNavigation": false
      },
      "appId": "dbe29014-1e03-4c07-903c-41e12539a83d",
      "createdAt": "2023-02-06T12:15:06.145Z",
      "updatedAt": "2023-02-06T12:40:57.367Z"
    },
    "dataQueries": [
      {
        "id": "444c3ecc-1315-4078-a511-8b6f758aca9b",
        "name": "showModalOnPageLoad",
        "options": {
          "code": "actions.showModal('modal1')",
          "runOnPageLoad": true
        },
        "dataSourceId": "3f172988-83ee-4ff3-b474-2e9f5e86e702",
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "1449e645-0c93-42ea-98b3-94cc0eff71cf",
        "name": "listBuckets",
        "options": {
          "operation": "list_buckets",
          "runOnPageLoad": true
        },
        "dataSourceId": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
        "name": "listFiles",
        "options": {
          "operation": "list_files",
          "bucket": "{{components.dropdown1.value}}",
          "events": [
            {
              "eventId": "onDataQuerySuccess",
              "actionId": "close-modal",
              "message": "Hello world!",
              "alertType": "info",
              "modal": "f61d6270-bff9-43bd-8d74-b07c8e4507e4"
            }
          ]
        },
        "dataSourceId": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "7b5edb9d-8cdb-4de5-8bf5-ef0872b77ea5",
        "name": "urlfordownload",
        "options": {
          "operation": "signed_url_for_get",
          "bucket": "{{components.dropdown1.value}}",
          "file": "{{queries.listFiles.data.files[components.listview2.selectedRowId].name}}",
          "events": [
            {
              "eventId": "onDataQuerySuccess",
              "actionId": "unset-custom-variable",
              "message": "Hello world!",
              "alertType": "info",
              "key": "currentlyLoadingId",
              "value": "{{queries.listFiles.data.files[components.listview2.selectedRowId].id}}"
            }
          ]
        },
        "dataSourceId": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "55697465-8e81-4ed3-b47b-fc76c52fd616",
        "name": "upload",
        "options": {
          "operation": "upload_file",
          "bucket": "{{components.dropdown1.value}}",
          "file": "{{components.textinput1.value}}",
          "contentType": "{{components.filepicker1.file[0].type}}",
          "data": "{{components.filepicker1.file[0].base64Data}}",
          "encoding": "base64",
          "events": [
            {
              "eventId": "onDataQuerySuccess",
              "actionId": "control-component",
              "message": "Hello world!",
              "alertType": "info",
              "componentSpecificActionHandle": "clearFiles",
              "componentId": "cfdc8736-2374-46e4-872e-f4cff861ec74",
              "componentSpecificActionParams": []
            },
            {
              "eventId": "onDataQuerySuccess",
              "actionId": "control-component",
              "message": "Hello world!",
              "alertType": "info",
              "componentSpecificActionHandle": "clear",
              "componentId": "42399b04-4c96-4253-bac6-b21219e797bf",
              "componentSpecificActionParams": []
            },
            {
              "eventId": "onDataQuerySuccess",
              "actionId": "run-query",
              "message": "Hello world!",
              "alertType": "info",
              "queryId": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
              "queryName": "listFiles"
            }
          ],
          "showSuccessNotification": true,
          "successMessage": "File uploaded successfully"
        },
        "dataSourceId": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:22:38.697Z"
      }
    ],
    "dataSources": [
      {
        "id": "76bb9b4b-8c72-47c8-a089-4e910d039685",
        "name": "restapidefault",
        "kind": "restapi",
        "type": "static",
        "pluginId": null,
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "organizationId": null,
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "3f172988-83ee-4ff3-b474-2e9f5e86e702",
        "name": "runjsdefault",
        "kind": "runjs",
        "type": "static",
        "pluginId": null,
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "organizationId": null,
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "0c6e4e33-8069-449e-b582-854c2a8f93a7",
        "name": "tooljetdbdefault",
        "kind": "tooljetdb",
        "type": "static",
        "pluginId": null,
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "organizationId": null,
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "b8ca528f-4c10-403d-98b3-659f61b6d629",
        "name": "runpydefault",
        "kind": "runpy",
        "type": "static",
        "pluginId": null,
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "organizationId": null,
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:06.110Z"
      },
      {
        "id": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "name": "GCS",
        "kind": "gcs",
        "type": "default",
        "pluginId": null,
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "organizationId": null,
        "createdAt": "2023-02-06T12:15:06.110Z",
        "updatedAt": "2023-02-06T12:15:35.360Z"
      }
    ],
    "appVersions": [
      {
        "id": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "name": "v0",
        "definition": {
          "globalSettings": {
            "hideHeader": true,
            "appInMaintenance": false,
            "canvasMaxWidth": "1920",
            "canvasMaxHeight": 2400,
            "canvasBackgroundColor": "#edeff5",
            "backgroundFxQuery": ""
          },
          "homePageId": "0e8ecb5c-31ae-4b26-8c43-aaa2b42907e8",
          "pages": {
            "0e8ecb5c-31ae-4b26-8c43-aaa2b42907e8": {
              "name": "Home",
              "handle": "home",
              "components": {
                "eea5b1c1-6aa6-4865-83b4-3e0e9a3a3670": {
                  "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"
                              }
                            ]
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "backgroundColor": {
                          "value": "#ffffffff"
                        },
                        "borderRadius": {
                          "value": "0"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "visible": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "container1",
                    "displayName": "Container",
                    "description": "Wrapper for multiple components",
                    "defaultSize": {
                      "width": 5,
                      "height": 200
                    },
                    "component": "Container",
                    "exposedVariables": {}
                  },
                  "layouts": {
                    "desktop": {
                      "top": 0,
                      "left": 4.905837158730719e-8,
                      "width": 43,
                      "height": 60
                    }
                  }
                },
                "bc1b0e28-02c3-498f-8300-9d97d5f36553": {
                  "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"
                              }
                            ]
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "backgroundColor": {
                          "value": "#f5f7fcff"
                        },
                        "borderRadius": {
                          "value": "0"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "visible": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "container2",
                    "displayName": "Container",
                    "description": "Wrapper for multiple components",
                    "defaultSize": {
                      "width": 5,
                      "height": 200
                    },
                    "component": "Container",
                    "exposedVariables": {}
                  },
                  "layouts": {
                    "desktop": {
                      "top": 50,
                      "left": -0.002986869112170219,
                      "width": 43,
                      "height": 940
                    }
                  }
                },
                "82083134-fec5-48d8-bf94-aeaac12ecf69": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#4586f8ff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<h2>GCS File Explorer</h2>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text1",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "eea5b1c1-6aa6-4865-83b4-3e0e9a3a3670",
                  "layouts": {
                    "desktop": {
                      "top": 0,
                      "left": 4.573642713133641,
                      "width": 7.986821705426356,
                      "height": 60
                    }
                  }
                },
                "bab873b2-aedb-4be5-8dec-5c10c2ae94c1": {
                  "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"
                              }
                            ]
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "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": "5"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "visible": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "container3",
                    "displayName": "Container",
                    "description": "Wrapper for multiple components",
                    "defaultSize": {
                      "width": 5,
                      "height": 200
                    },
                    "component": "Container",
                    "exposedVariables": {}
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 118,
                      "left": 67.44360887303806,
                      "width": 11.99119422712821,
                      "height": 420
                    }
                  }
                },
                "b5c52fd2-414e-4afd-a4bc-e521fffb8d80": {
                  "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": "#E7E8EA"
                        }
                      },
                      "properties": {},
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "divider1",
                    "displayName": "Divider",
                    "description": "Separator between components",
                    "component": "Divider",
                    "defaultSize": {
                      "width": 10,
                      "height": 10
                    },
                    "exposedVariables": {
                      "value": {}
                    }
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 50,
                      "left": 0,
                      "width": 43.02439230915107,
                      "height": 10
                    }
                  }
                },
                "9328491e-7962-4db3-938e-0e055528f36b": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#223170ff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<h2>Upload to bucket</h2>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text2",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 4.840500769895917,
                      "width": 37.016641089883144,
                      "height": 40
                    }
                  }
                },
                "cfdc8736-2374-46e4-872e-f4cff861ec74": {
                  "component": {
                    "properties": {
                      "instructionText": {
                        "type": "code",
                        "displayName": "Instruction Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "enableDropzone": {
                        "type": "code",
                        "displayName": "Use Drop zone",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "enablePicker": {
                        "type": "code",
                        "displayName": "Use File Picker",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "enableMultiple": {
                        "type": "code",
                        "displayName": "Pick multiple files",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "maxFileCount": {
                        "type": "code",
                        "displayName": "Max file count",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "fileType": {
                        "type": "code",
                        "displayName": "Accept file types",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "maxSize": {
                        "type": "code",
                        "displayName": "Max size limit (Bytes)",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "minSize": {
                        "type": "code",
                        "displayName": "Min size limit (Bytes)",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "parseContent": {
                        "type": "toggle",
                        "displayName": "Parse content",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "parseFileType": {
                        "type": "select",
                        "displayName": "File type",
                        "options": [
                          {
                            "name": "Autodetect from extension",
                            "value": "auto-detect"
                          },
                          {
                            "name": "CSV",
                            "value": "csv"
                          }
                        ],
                        "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": {
                      "onFileSelected": {
                        "displayName": "On File Selected"
                      }
                    },
                    "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}}"
                        }
                      },
                      "properties": {
                        "instructionText": {
                          "value": "Drag and Drop some files here, or click to select files"
                        },
                        "enableDropzone": {
                          "value": "{{true}}"
                        },
                        "enablePicker": {
                          "value": "{{true}}"
                        },
                        "maxFileCount": {
                          "value": "{{2}}"
                        },
                        "enableMultiple": {
                          "value": "{{false}}"
                        },
                        "fileType": {
                          "value": "{{\"image/*\"}}"
                        },
                        "maxSize": {
                          "value": "{{1048576}}"
                        },
                        "minSize": {
                          "value": "{{50}}"
                        },
                        "parseContent": {
                          "value": "{{false}}"
                        },
                        "parseFileType": {
                          "value": "auto-detect"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "filepicker1",
                    "displayName": "File Picker",
                    "description": "File Picker",
                    "component": "FilePicker",
                    "defaultSize": {
                      "width": 15,
                      "height": 100
                    },
                    "actions": [
                      {
                        "handle": "clearFiles",
                        "displayName": "Clear Files"
                      }
                    ],
                    "exposedVariables": {
                      "file": [
                        {
                          "name": "",
                          "content": "",
                          "dataURL": "",
                          "type": "",
                          "parsedData": ""
                        }
                      ],
                      "isParsing": false
                    }
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 190,
                      "left": 4.575660172013693,
                      "width": 39.075105993619324,
                      "height": 110
                    }
                  }
                },
                "f4401979-55eb-4276-b3d8-52a5befa1752": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "Path"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text3",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 70,
                      "left": 4.651188261951318,
                      "width": 13.953488372093023,
                      "height": 30
                    }
                  }
                },
                "11169e8e-41db-4d34-a8bb-190c0b6b1124": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "Attach files"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text4",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 150,
                      "left": 4.652521099830677,
                      "width": 13.953488372093023,
                      "height": 30
                    }
                  }
                },
                "42399b04-4c96-4253-bac6-b21219e797bf": {
                  "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"
                      }
                    },
                    "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}}"
                        }
                      },
                      "validation": {
                        "regex": {
                          "value": ""
                        },
                        "minLength": {
                          "value": null
                        },
                        "maxLength": {
                          "value": null
                        },
                        "customRule": {
                          "value": null
                        }
                      },
                      "properties": {
                        "value": {
                          "value": ""
                        },
                        "placeholder": {
                          "value": "File Path"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "textinput1",
                    "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"
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 100,
                      "left": 4.572162190787706,
                      "width": 38.96192664289661,
                      "height": 40
                    }
                  }
                },
                "f4c65680-adfa-46fb-8ae7-ff32c8919c72": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#9b9999ff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "Accepted file types: .png and .jpeg"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text5",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 300,
                      "left": 4.651224901553507,
                      "width": 38.96192664289661,
                      "height": 30
                    }
                  }
                },
                "fdd69706-f317-4121-b8b2-2b7f9b9659ca": {
                  "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"
                      }
                    },
                    "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
                        }
                      }
                    },
                    "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": "55697465-8e81-4ed3-b47b-fc76c52fd616",
                          "queryName": "upload"
                        }
                      ],
                      "styles": {
                        "backgroundColor": {
                          "value": "#0536fdff"
                        },
                        "textColor": {
                          "value": "#fff"
                        },
                        "loaderColor": {
                          "value": "#fff"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "borderRadius": {
                          "value": "{{5}}"
                        },
                        "disabledState": {
                          "value": "{{false}}",
                          "fxActive": true
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "Upload"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{queries.upload.isLoading}}",
                          "fxActive": true
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "button1",
                    "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"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bab873b2-aedb-4be5-8dec-5c10c2ae94c1",
                  "layouts": {
                    "desktop": {
                      "top": 350,
                      "left": 4.652886758138191,
                      "width": 38.89227493164346,
                      "height": 50
                    }
                  }
                },
                "87ea444b-9584-4e9e-bb10-d85dbe7bfdd7": {
                  "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"
                      }
                    },
                    "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
                        }
                      }
                    },
                    "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": "f61d6270-bff9-43bd-8d74-b07c8e4507e4"
                        }
                      ],
                      "styles": {
                        "backgroundColor": {
                          "value": "#4586f8ff"
                        },
                        "textColor": {
                          "value": "#fff"
                        },
                        "loaderColor": {
                          "value": "#fff"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "borderRadius": {
                          "value": "{{5}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "Change"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "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"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 50,
                      "left": 83.67299641888577,
                      "width": 3.0136105454935143,
                      "height": 40
                    }
                  }
                },
                "f61d6270-bff9-43bd-8d74-b07c8e4507e4": {
                  "component": {
                    "properties": {
                      "title": {
                        "type": "code",
                        "displayName": "Title",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "hideTitleBar": {
                        "type": "toggle",
                        "displayName": "Hide title bar"
                      },
                      "hideCloseButton": {
                        "type": "toggle",
                        "displayName": "Hide close button"
                      },
                      "hideOnEsc": {
                        "type": "toggle",
                        "displayName": "Hide on escape"
                      },
                      "size": {
                        "type": "select",
                        "displayName": "Modal size",
                        "options": [
                          {
                            "name": "small",
                            "value": "sm"
                          },
                          {
                            "name": "medium",
                            "value": "md"
                          },
                          {
                            "name": "large",
                            "value": "lg"
                          }
                        ],
                        "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": {
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "title": {
                          "value": "Choose Bucket from GCS"
                        },
                        "size": {
                          "value": "sm"
                        },
                        "hideTitleBar": {
                          "value": "{{false}}"
                        },
                        "hideCloseButton": {
                          "value": "{{false}}"
                        },
                        "hideOnEsc": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "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": 1250,
                      "left": 39.534890578568344,
                      "width": 10,
                      "height": 230
                    }
                  }
                },
                "ccbfef77-b2cf-491d-99c9-507c6a341bb4": {
                  "component": {
                    "properties": {
                      "label": {
                        "type": "code",
                        "displayName": "Label",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "value": {
                        "type": "code",
                        "displayName": "Default value",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              },
                              {
                                "type": "boolean"
                              }
                            ]
                          }
                        }
                      },
                      "values": {
                        "type": "code",
                        "displayName": "Option values",
                        "validation": {
                          "schema": {
                            "type": "array",
                            "element": {
                              "type": "union",
                              "schemas": [
                                {
                                  "type": "string"
                                },
                                {
                                  "type": "number"
                                },
                                {
                                  "type": "boolean"
                                }
                              ]
                            }
                          }
                        }
                      },
                      "display_values": {
                        "type": "code",
                        "displayName": "Option labels",
                        "validation": {
                          "schema": {
                            "type": "array",
                            "element": {
                              "type": "union",
                              "schemas": [
                                {
                                  "type": "string"
                                },
                                {
                                  "type": "number"
                                },
                                {
                                  "type": "boolean"
                                }
                              ]
                            }
                          }
                        }
                      },
                      "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": "0"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        },
                        "justifyContent": {
                          "value": "left"
                        }
                      },
                      "validation": {
                        "customRule": {
                          "value": null
                        }
                      },
                      "properties": {
                        "label": {
                          "value": "Choose Bucket:"
                        },
                        "value": {
                          "value": "{{queries.listBuckets.data.buckets[0]}}"
                        },
                        "values": {
                          "value": "{{queries.listBuckets.data.buckets}}"
                        },
                        "display_values": {
                          "value": "{{queries.listBuckets.data.buckets}}"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{queries.listBuckets.isLoading}}",
                          "fxActive": true
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "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": ""
                    },
                    "actions": [
                      {
                        "handle": "selectOption",
                        "displayName": "Select option",
                        "params": [
                          {
                            "handle": "select",
                            "displayName": "Select"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "f61d6270-bff9-43bd-8d74-b07c8e4507e4",
                  "layouts": {
                    "desktop": {
                      "top": 40,
                      "left": 6.974941036456017,
                      "width": 36.97274974464393,
                      "height": 40
                    }
                  }
                },
                "a64b93c4-9add-43b7-ac26-a51032c69d92": {
                  "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"
                      }
                    },
                    "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
                        }
                      }
                    },
                    "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": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
                          "queryName": "listFiles"
                        }
                      ],
                      "styles": {
                        "backgroundColor": {
                          "value": "#4586f8ff"
                        },
                        "textColor": {
                          "value": "#fff"
                        },
                        "loaderColor": {
                          "value": "#fff"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "borderRadius": {
                          "value": "{{5}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "List Objects"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{queries.listFiles.isLoading}}",
                          "fxActive": true
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "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"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "f61d6270-bff9-43bd-8d74-b07c8e4507e4",
                  "layouts": {
                    "desktop": {
                      "top": 130,
                      "left": 6.869050947385281,
                      "width": 37.01906239379223,
                      "height": 40
                    }
                  }
                },
                "1ad63f52-4035-4dd1-959c-f2cb9ee64c70": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Bucket:</b> "
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text12",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 50,
                      "left": 67.44186215770308,
                      "width": 2.031061336762763,
                      "height": 40
                    }
                  }
                },
                "9f207ce7-e09b-4c6d-bdba-d85933058fbd": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#0a4c98ff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "{{components.dropdown1.value}}"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text13",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 40,
                      "left": 72.23948837420262,
                      "width": 5.9923164277307865,
                      "height": 60
                    }
                  }
                },
                "492687d4-aa8b-4ed1-ab6c-6c1f2ff2ec72": {
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#910c0cff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Please select a Bucket</b>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text17",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 230,
                      "left": 27.90672932196101,
                      "width": 5.9896500992876,
                      "height": 40
                    }
                  }
                },
                "38465e58-3274-4527-b2dc-ee887bb9da61": {
                  "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"
                              }
                            ]
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "backgroundColor": {
                          "value": "#ffffffff"
                        },
                        "borderRadius": {
                          "value": "5"
                        },
                        "visibility": {
                          "value": "{{queries.listFiles.data.files == null ? false : true}}",
                          "fxActive": true
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "visible": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "container4",
                    "displayName": "Container",
                    "description": "Wrapper for multiple components",
                    "defaultSize": {
                      "width": 5,
                      "height": 200
                    },
                    "component": "Container",
                    "exposedVariables": {}
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 48,
                      "left": 4.647064382233629,
                      "width": 25.00348301361054,
                      "height": 850
                    }
                  }
                },
                "eb9d8228-f999-4173-8aa1-ab221563dd8d": {
                  "id": "eb9d8228-f999-4173-8aa1-ab221563dd8d",
                  "component": {
                    "properties": {
                      "data": {
                        "type": "code",
                        "displayName": "List data",
                        "validation": {
                          "schema": {
                            "type": "array",
                            "element": {
                              "type": "object"
                            }
                          }
                        }
                      },
                      "rowHeight": {
                        "type": "code",
                        "displayName": "Row height",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "showBorder": {
                        "type": "code",
                        "displayName": "Show bottom border",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {
                      "onRowClicked": {
                        "displayName": "Row clicked"
                      }
                    },
                    "styles": {
                      "backgroundColor": {
                        "type": "color"
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "borderRadius": {
                        "type": "number",
                        "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": [
                        {
                          "eventId": "onRowClicked",
                          "actionId": "set-custom-variable",
                          "message": "Hello world!",
                          "alertType": "info",
                          "key": "currentlyLoadingId",
                          "value": "{{queries.listFiles.data.files[components.listview2.selectedRowId].id}}"
                        },
                        {
                          "eventId": "onRowClicked",
                          "actionId": "run-query",
                          "message": "Hello world!",
                          "alertType": "info",
                          "queryId": "7b5edb9d-8cdb-4de5-8bf5-ef0872b77ea5",
                          "queryName": "urlfordownload"
                        }
                      ],
                      "styles": {
                        "backgroundColor": {
                          "value": "#ffffffff"
                        },
                        "visibility": {
                          "value": "",
                          "fxActive": false
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        },
                        "borderRadius": {
                          "value": "{{5}}"
                        }
                      },
                      "properties": {
                        "data": {
                          "value": "{{queries.listFiles.data.files}}"
                        },
                        "rowHeight": {
                          "value": "{{70}}"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "showBorder": {
                          "value": "{{true}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "listview2",
                    "displayName": "List View",
                    "description": "Wrapper for multiple components",
                    "defaultSize": {
                      "width": 5,
                      "height": 200
                    },
                    "component": "Listview",
                    "exposedVariables": {
                      "data": [
                        {}
                      ]
                    }
                  },
                  "layouts": {
                    "desktop": {
                      "top": 40,
                      "left": 2.2527903896895207,
                      "width": 42.04535857090364,
                      "height": 750
                    }
                  },
                  "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
                },
                "201a4aa4-19f7-43bc-89b6-f07071d32d8f": {
                  "id": "201a4aa4-19f7-43bc-89b6-f07071d32d8f",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#0831a7ff"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "{{listItem.name}}"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text18",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 0,
                      "left": 2.3374990023345372,
                      "width": 11.97667411744889,
                      "height": 60
                    }
                  },
                  "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
                },
                "1801dc7f-9cfd-42b4-9308-b9e8a7247a01": {
                  "id": "1801dc7f-9cfd-42b4-9308-b9e8a7247a01",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "{{moment(listItem).format(\"DD/MM/YYYY h:mm:ss a\")}}"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text19",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 0,
                      "left": 32.808758754514436,
                      "width": 10.988266990126824,
                      "height": 50
                    }
                  },
                  "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
                },
                "d5cb9a4d-de68-4acf-833e-268350eab348": {
                  "id": "d5cb9a4d-de68-4acf-833e-268350eab348",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "{{(listItem.size/1024).toFixed(2)}} kb"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text20",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 0,
                      "left": 61.30283951484706,
                      "width": 6.046231353516493,
                      "height": 50
                    }
                  },
                  "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
                },
                "1504f3eb-7a7f-41e9-aa21-e3c464376c4e": {
                  "id": "1504f3eb-7a7f-41e9-aa21-e3c464376c4e",
                  "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"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "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": [
                        {
                          "eventId": "onClick",
                          "actionId": "open-webpage",
                          "message": "Hello world!",
                          "alertType": "info",
                          "url": "{{queries.urlfordownload.data.url}}"
                        }
                      ],
                      "styles": {
                        "borderType": {
                          "value": "none"
                        },
                        "padding": {
                          "value": "0"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        },
                        "imageFit": {
                          "value": "contain"
                        }
                      },
                      "properties": {
                        "source": {
                          "value": "https://www.svgrepo.com/show/12258/download.svg"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{listItem.id === variables.currentlyLoadingId}}",
                          "fxActive": true
                        },
                        "alternativeText": {
                          "value": ""
                        },
                        "zoomButtons": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "image2",
                    "displayName": "Image",
                    "description": "Display an Image",
                    "defaultSize": {
                      "width": 3,
                      "height": 100
                    },
                    "component": "Image",
                    "exposedVariables": {}
                  },
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 84.29789240754143,
                      "width": 2.0347085494361803,
                      "height": 30
                    }
                  },
                  "parent": "eb9d8228-f999-4173-8aa1-ab221563dd8d"
                },
                "8c9e0be7-91e6-48f4-b604-fd9f079da736": {
                  "id": "8c9e0be7-91e6-48f4-b604-fd9f079da736",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "center"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Name<b>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text16",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 4.651160676682724,
                      "width": 3.02184474690101,
                      "height": 30
                    }
                  },
                  "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
                },
                "927c6186-fa7f-4f52-9545-a9a5aac68e6a": {
                  "id": "927c6186-fa7f-4f52-9545-a9a5aac68e6a",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Updated on<b>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text21",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 34.88390917709527,
                      "width": 7.008187219741155,
                      "height": 40
                    }
                  },
                  "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
                },
                "58a0747c-f5ef-4684-be4e-e9758c1d0b03": {
                  "id": "58a0747c-f5ef-4684-be4e-e9758c1d0b03",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Actions<b>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text22",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 83.72136505021093,
                      "width": 3.9899564903050453,
                      "height": 30
                    }
                  },
                  "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
                },
                "f6bc2d87-8fe6-4ef9-809a-cf9b79e7f723": {
                  "id": "f6bc2d87-8fe6-4ef9-809a-cf9b79e7f723",
                  "component": {
                    "properties": {
                      "text": {
                        "type": "code",
                        "displayName": "Text",
                        "validation": {
                          "schema": {
                            "type": "union",
                            "schemas": [
                              {
                                "type": "string"
                              },
                              {
                                "type": "number"
                              }
                            ]
                          }
                        }
                      },
                      "loadingState": {
                        "type": "toggle",
                        "displayName": "Show loading state",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "general": {
                      "tooltip": {
                        "type": "code",
                        "displayName": "Tooltip",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      }
                    },
                    "others": {
                      "showOnDesktop": {
                        "type": "toggle",
                        "displayName": "Show on desktop"
                      },
                      "showOnMobile": {
                        "type": "toggle",
                        "displayName": "Show on mobile"
                      }
                    },
                    "events": {},
                    "styles": {
                      "textSize": {
                        "type": "number",
                        "displayName": "Text Size",
                        "validation": {
                          "schema": {
                            "type": "number"
                          }
                        }
                      },
                      "textColor": {
                        "type": "color",
                        "displayName": "Text Color",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "textAlign": {
                        "type": "alignButtons",
                        "displayName": "Align Text",
                        "validation": {
                          "schema": {
                            "type": "string"
                          }
                        }
                      },
                      "visibility": {
                        "type": "toggle",
                        "displayName": "Visibility",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      },
                      "disabledState": {
                        "type": "toggle",
                        "displayName": "Disable",
                        "validation": {
                          "schema": {
                            "type": "boolean"
                          }
                        }
                      }
                    },
                    "validate": true,
                    "generalStyles": {
                      "boxShadow": {
                        "type": "boxShadow",
                        "displayName": "Box Shadow"
                      }
                    },
                    "definition": {
                      "others": {
                        "showOnDesktop": {
                          "value": "{{true}}"
                        },
                        "showOnMobile": {
                          "value": "{{false}}"
                        }
                      },
                      "events": [],
                      "styles": {
                        "groupActions": {
                          "value": "left"
                        },
                        "textSize": {
                          "value": 14
                        },
                        "textColor": {
                          "value": "#000"
                        },
                        "textAlign": {
                          "value": "left"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        },
                        "disabledState": {
                          "value": "{{false}}"
                        }
                      },
                      "properties": {
                        "text": {
                          "value": "<b>Size<b>"
                        },
                        "visible": {
                          "value": "{{true}}"
                        },
                        "loadingState": {
                          "value": "{{false}}"
                        }
                      },
                      "general": {},
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "exposedVariables": {}
                    },
                    "name": "text23",
                    "displayName": "Text",
                    "description": "Display markdown or HTML",
                    "component": "Text",
                    "defaultSize": {
                      "width": 6,
                      "height": 30
                    },
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "setText",
                        "displayName": "Set Text",
                        "params": [
                          {
                            "handle": "text",
                            "displayName": "Text",
                            "defaultValue": "New text"
                          }
                        ]
                      }
                    ]
                  },
                  "layouts": {
                    "desktop": {
                      "top": 10,
                      "left": 62.833379149847055,
                      "width": 3.9899564903050453,
                      "height": 30
                    }
                  },
                  "parent": "38465e58-3274-4527-b2dc-ee887bb9da61"
                },
                "e2b8efe7-130a-4b2f-a888-fd5d09f69ea7": {
                  "component": {
                    "properties": {
                      "icon": {
                        "type": "iconPicker",
                        "displayName": "Icon",
                        "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": {
                      "onClick": {
                        "displayName": "On click"
                      },
                      "onHover": {
                        "displayName": "On hover"
                      }
                    },
                    "styles": {
                      "iconColor": {
                        "type": "color",
                        "displayName": "Icon 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": [
                        {
                          "eventId": "onClick",
                          "actionId": "run-query",
                          "message": "Hello world!",
                          "alertType": "info",
                          "queryId": "7a8e27d6-1094-44a8-ab42-d85b52a49343",
                          "queryName": "listFiles"
                        }
                      ],
                      "styles": {
                        "iconColor": {
                          "value": "#1379ddff"
                        },
                        "visibility": {
                          "value": "{{true}}"
                        }
                      },
                      "generalStyles": {
                        "boxShadow": {
                          "value": "0px 0px 0px 0px #00000040"
                        }
                      },
                      "properties": {
                        "icon": {
                          "value": "IconBrandGrammarly"
                        }
                      },
                      "general": {},
                      "exposedVariables": {}
                    },
                    "name": "icon1",
                    "displayName": "Icon",
                    "description": "Icon",
                    "defaultSize": {
                      "width": 5,
                      "height": 48
                    },
                    "component": "Icon",
                    "exposedVariables": {},
                    "actions": [
                      {
                        "handle": "click",
                        "displayName": "Click"
                      },
                      {
                        "displayName": "Set Visibility",
                        "handle": "setVisibility",
                        "params": [
                          {
                            "handle": "value",
                            "displayName": "Value",
                            "defaultValue": "{{true}}",
                            "type": "toggle"
                          }
                        ]
                      }
                    ]
                  },
                  "parent": "bc1b0e28-02c3-498f-8300-9d97d5f36553",
                  "layouts": {
                    "desktop": {
                      "top": 48,
                      "left": 88.37209405185094,
                      "width": 3.9746959675698728,
                      "height": 40
                    }
                  },
                  "withDefaultChildren": false
                }
              }
            }
          },
          "showViewerNavigation": false
        },
        "appId": "dbe29014-1e03-4c07-903c-41e12539a83d",
        "createdAt": "2023-02-06T12:15:06.145Z",
        "updatedAt": "2023-02-06T12:40:57.367Z"
      }
    ],
    "appEnvironments": [
      {
        "id": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "appVersionId": "dcb4dd1a-1e20-455f-ad8a-56ed292b8779",
        "name": "production",
        "isDefault": true,
        "createdAt": "2023-02-06T12:15:06.157Z",
        "updatedAt": "2023-02-06T12:15:06.157Z"
      }
    ],
    "dataSourceOptions": [
      {
        "id": "b16778d7-49c5-414c-8955-827e05b2462a",
        "dataSourceId": "76bb9b4b-8c72-47c8-a089-4e910d039685",
        "environmentId": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "options": {},
        "createdAt": "2023-02-06T12:15:06.165Z",
        "updatedAt": "2023-02-06T12:15:06.165Z"
      },
      {
        "id": "f0113eb0-f40f-4bba-9b0b-21c5f7cec332",
        "dataSourceId": "3f172988-83ee-4ff3-b474-2e9f5e86e702",
        "environmentId": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "options": {},
        "createdAt": "2023-02-06T12:15:06.170Z",
        "updatedAt": "2023-02-06T12:15:06.170Z"
      },
      {
        "id": "7400949a-37ee-4dc1-850a-f5a1275b497f",
        "dataSourceId": "0c6e4e33-8069-449e-b582-854c2a8f93a7",
        "environmentId": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "options": {},
        "createdAt": "2023-02-06T12:15:06.179Z",
        "updatedAt": "2023-02-06T12:15:06.179Z"
      },
      {
        "id": "a70b5fd9-0b54-44ea-addc-d4d0229944a5",
        "dataSourceId": "b8ca528f-4c10-403d-98b3-659f61b6d629",
        "environmentId": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "options": {},
        "createdAt": "2023-02-06T12:15:06.184Z",
        "updatedAt": "2023-02-06T12:15:06.184Z"
      },
      {
        "id": "4d935bc4-3449-4d5c-8748-828edf5d1fdd",
        "dataSourceId": "fd12a342-1540-4a8e-b1b7-2b0199942dc0",
        "environmentId": "e2c07624-bc20-4ff3-90d4-69bf6d573ae5",
        "options": {
          "private_key": {
            "credential_id": "3c2db463-a25d-41e0-a7ca-009e1b6b806c",
            "encrypted": true
          }
        },
        "createdAt": "2023-02-06T12:15:06.193Z",
        "updatedAt": "2023-02-06T12:15:35.357Z"
      }
    ],
    "schemaDetails": {
      "multiPages": true,
      "multiEnv": true
    }
  },
  "tooljetVersion": "2.1.0"
}