ToolJet/server/templates/customer-support-admin/definition.json
2024-10-28 23:37:40 +05:30

62094 lines
No EOL
4.1 MiB

{
"tooljet_database": [
{
"id": "30039c8a-48e4-40b3-abde-7d5bb2807ac1",
"table_name": "support_desk_all_contacts",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"30039c8a-48e4-40b3-abde-7d5bb2807ac1_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"column_name": "name",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "email",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "title",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "organization",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "country",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "language",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
}
]
}
},
{
"id": "00fa8265-6121-4c20-aee3-40035a7cbb9e",
"table_name": "support_desk_ticket",
"schema": {
"columns": [
{
"column_name": "id",
"data_type": "integer",
"column_default": "nextval('\"00fa8265-6121-4c20-aee3-40035a7cbb9e_id_seq\"'::regclass)",
"character_maximum_length": null,
"numeric_precision": 32,
"is_nullable": "NO",
"constraint_type": "PRIMARY KEY",
"keytype": "PRIMARY KEY"
},
{
"column_name": "customer_name",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "customer_email",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "product_version",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "issue_type",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "description",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "supporting_file_name",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "priority",
"data_type": "character varying",
"column_default": "p3",
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "status",
"data_type": "character varying",
"column_default": "ticket_generated",
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "assigned_to",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "created_at",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
},
{
"column_name": "updated_at",
"data_type": "character varying",
"column_default": null,
"character_maximum_length": null,
"numeric_precision": null,
"is_nullable": "YES",
"constraint_type": null,
"keytype": ""
}
]
}
}
],
"app": [
{
"definition": {
"appV2": {
"id": "fc9b77ec-f4cf-4a7d-b36c-ba899c9c97f0",
"type": "front-end",
"name": "Customer Support Admin",
"slug": "customer-support-admin",
"isPublic": false,
"isMaintenanceOn": false,
"icon": "folderupload",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"currentVersionId": null,
"userId": "4d572ebe-cd2f-4668-9219-c6e8c1fa2cb1",
"workflowApiToken": null,
"workflowEnabled": false,
"createdAt": "2023-08-11T05:30:50.988Z",
"creationMode": "DEFAULT",
"updatedAt": "2024-01-02T10:49:48.230Z",
"editingVersion": {
"id": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436",
"pages": {
"de8cf079-8f08-4a7c-9e2e-2bb4b689a436": {
"components": {
"98fb3c49-91f2-4ef4-813f-19cbfacb1b3c": {
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 2.9999999999999996,
"height": 950
}
},
"withDefaultChildren": false
},
"48e876d4-7354-4b32-8772-ed35b892cee2": {
"id": "48e876d4-7354-4b32-8772-ed35b892cee2",
"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": [],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.595993529569597,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c"
},
"23f00957-210a-4b87-8581-60c626644368": {
"id": "23f00957-210a-4b87-8581-60c626644368",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 32.558142698678,
"width": 13.953488372093023,
"height": 30
}
},
"parent": "b4b71535-df42-4a93-89b3-97a97478d46b"
},
"4c59546f-7e3c-4ea4-9252-a971bf975825": {
"id": "4c59546f-7e3c-4ea4-9252-a971bf975825",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "28"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005448066081495,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "b4b71535-df42-4a93-89b3-97a97478d46b"
},
"f79e57c2-c895-4143-aec6-b6bb652ea612": {
"id": "f79e57c2-c895-4143-aec6-b6bb652ea612",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396794981008757,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "c6f5c91c-20e2-44ca-a321-9813cd2d8191"
},
"6372c60d-3a9a-463e-b4fa-bf223fd3906e": {
"id": "6372c60d-3a9a-463e-b4fa-bf223fd3906e",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "3"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005451280395228,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "c6f5c91c-20e2-44ca-a321-9813cd2d8191"
},
"a9a04553-cc17-4d2e-9d94-f6272a9e6e2a": {
"id": "a9a04553-cc17-4d2e-9d94-f6272a9e6e2a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 22.083091655754874,
"width": 23.77294173682577,
"height": 30
}
},
"parent": "84971558-d71f-4fb4-8f3f-9af28a895e65"
},
"b963d44f-1c99-46d9-a569-06e8a3f55d76": {
"id": "b963d44f-1c99-46d9-a569-06e8a3f55d76",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "55"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005448066081495,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "84971558-d71f-4fb4-8f3f-9af28a895e65"
},
"57c9cbb6-3aca-490d-b0a3-e4e73613cb06": {
"id": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06",
"component": {
"properties": {
"tabs": {
"type": "code",
"displayName": "Tabs",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
}
}
},
"defaultTab": {
"type": "code",
"displayName": "Default tab",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"hideTabs": {
"type": "toggle",
"displayName": "Hide Tabs",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"renderOnlyActiveTab": {
"type": "toggle",
"displayName": "Render only active tab",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onTabSwitch": {
"displayName": "On tab switch"
}
},
"styles": {
"highlightColor": {
"type": "color",
"displayName": "Highlight Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"tabWidth": {
"type": "select",
"displayName": "Tab width",
"options": [
{
"name": "Auto",
"value": "auto"
},
{
"name": "Equally split",
"value": "split"
}
]
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"highlightColor": {
"value": "#408fccff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"properties": {
"tabs": {
"value": "{{[{\"title\":\"Tickets\",\"id\":\"0\"},{\"title\":\"Insights\",\"id\":\"1\"}]}}"
},
"defaultTab": {
"value": "0"
},
"hideTabs": {
"value": "{{false}}"
},
"renderOnlyActiveTab": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "tabs1",
"displayName": "Tabs",
"description": "Tabs component",
"defaultSize": {
"width": 30,
"height": 300
},
"defaultChildren": [
{
"componentName": "Image",
"layout": {
"top": 60,
"left": 37,
"height": 100
},
"tab": 0,
"properties": [
"source"
],
"defaultValue": {
"source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg"
}
},
{
"componentName": "Text",
"layout": {
"top": 100,
"left": 17,
"height": 50,
"width": 34
},
"tab": 1,
"properties": [
"text"
],
"defaultValue": {
"text": "Open-source low-code framework to build & deploy internal tools within minutes."
}
},
{
"componentName": "Table",
"layout": {
"top": 0,
"left": 1,
"width": 42,
"height": 250
},
"tab": 2
}
],
"component": "Tabs",
"actions": [
{
"handle": "setTab",
"displayName": "Set current tab",
"params": [
{
"handle": "id",
"displayName": "Id"
}
]
}
],
"exposedVariables": {
"currentTab": ""
}
},
"layouts": {
"desktop": {
"top": 129.99999618530273,
"left": 6.975208964016932,
"width": 40,
"height": 660
}
}
},
"568f3ce0-86d1-4a12-be21-5aaadfcb7f45": {
"id": "568f3ce0-86d1-4a12-be21-5aaadfcb7f45",
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onRowClicked",
"actionId": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "d7363a0e-cd38-42a9-9fd0-55e48c9a37a3",
"queryParams": [
[
"selected_ticket_id",
"{{components.table1.selectedRow.id}}"
]
],
"debounce": ""
}
],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetTickets?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"id": "87b3ef2d-9467-4c3c-9573-15fb4ccfba97",
"name": "customer_name",
"key": "customer_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "bea919c1-64b7-4c48-959d-b557f98b4928",
"name": "customer_email",
"key": "customer_email",
"columnType": "string",
"autogenerated": true
},
{
"id": "c76e4c0b-cd1f-4004-94d2-11c2bcc12823",
"name": "product_version",
"key": "product_version",
"columnType": "string",
"autogenerated": true
},
{
"id": "5d0521e3-2a93-4273-91ec-a2102361cc56",
"name": "issue_type",
"key": "issue_type",
"columnType": "string",
"autogenerated": true
},
{
"id": "9ad1b6b4-cdbc-446a-a7de-d92bf509801e",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb",
"name": "priority",
"key": "priority",
"columnType": "string",
"autogenerated": true
},
{
"name": "assigned_to",
"id": "05a321eb-b97a-47c9-86e4-7fc59fc39aac"
},
{
"id": "b7221c74-1949-47af-b709-8ae3d699796b",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "wrap"
},
{
"id": "8eea6b55-dd70-434b-82f7-c7022a36cb44",
"name": "created_at",
"key": "created_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "0716e0fb-4a66-4ad1-9a92-53c56619e510",
"name": "updated_at",
"key": "updated_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "4cee3410-c3a0-4cd2-ba55-93726b35f38d",
"name": "supporting_file_name",
"key": "supporting_file_name",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{true}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 136,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 142,
"aa56b72c-5246-47a7-800d-b19a7208970a": 105,
"01397da4-b41e-4540-aec5-440e70fd38d5": 337,
"c76e4c0b-cd1f-4004-94d2-11c2bcc12823": 126,
"87b3ef2d-9467-4c3c-9573-15fb4ccfba97": 149,
"5d0521e3-2a93-4273-91ec-a2102361cc56": 127,
"9ad1b6b4-cdbc-446a-a7de-d92bf509801e": 142,
"0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb": 84,
"b7221c74-1949-47af-b709-8ae3d699796b": 509,
"leftActions": 76
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Issue",
"Issue type",
"assigned_to",
"Assigned to",
"Status"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 2.3255813953488373,
"width": 40.99862260433195,
"height": 550
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-0"
},
"054c1d84-5dee-429d-b400-dd5cc9ca1358": {
"id": "054c1d84-5dee-429d-b400-dd5cc9ca1358",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#ffffffff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976742008093624,
"width": 40,
"height": 120
}
}
},
"38e4ee86-ca85-461a-be40-9c21f93e23e6": {
"id": "38e4ee86-ca85-461a-be40-9c21f93e23e6",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Support Desk Dashboard"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 29.999984741210938,
"left": 2.325582230226699,
"width": 15,
"height": 40
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"633529cd-6bd8-4305-b1d6-438786e5eba0": {
"id": "633529cd-6bd8-4305-b1d6-438786e5eba0",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 62.79069402368247,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"c8ecaf02-ac42-4ac5-8339-db3cdb718e23": {
"id": "c8ecaf02-ac42-4ac5-8339-db3cdb718e23",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "633529cd-6bd8-4305-b1d6-438786e5eba0"
},
"bbee3d54-2e13-4965-88be-52ce48f17f98": {
"id": "bbee3d54-2e13-4965-88be-52ce48f17f98",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.openTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40
}
},
"parent": "633529cd-6bd8-4305-b1d6-438786e5eba0"
},
"21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f": {
"id": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container5",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 74.41860263741073,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"7da1125c-55c3-4df0-bf38-d25df707aa31": {
"id": "7da1125c-55c3-4df0-bf38-d25df707aa31",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f"
},
"7f6628f2-26d2-46c5-bff1-56c8c645a10c": {
"id": "7f6628f2-26d2-46c5-bff1-56c8c645a10c",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.onHoldTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.0000032272666601329547,
"width": 41,
"height": 40
}
},
"parent": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f"
},
"c00bb9dd-69bd-419e-ad44-21875907526d": {
"id": "c00bb9dd-69bd-419e-ad44-21875907526d",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container6",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 86.04651162790698,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"e62a5a26-4ed0-4c81-b90e-cdb5800e5ead": {
"id": "e62a5a26-4ed0-4c81-b90e-cdb5800e5ead",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30
}
},
"parent": "c00bb9dd-69bd-419e-ad44-21875907526d"
},
"7e2aa3ca-4f27-4cb7-ab60-b4364c4d70eb": {
"id": "7e2aa3ca-4f27-4cb7-ab60-b4364c4d70eb",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.resolvedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.0000032272666601329547,
"width": 41,
"height": 40
}
},
"parent": "c00bb9dd-69bd-419e-ad44-21875907526d"
},
"61aca46a-063e-4c7a-a73d-acb1986dd6a0": {
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary Text Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary Text Colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Number of ticket in this month"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisMonthTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 120,
"left": 67.4418643269094,
"width": 11,
"height": 160
}
},
"withDefaultChildren": false
},
"37f09e14-bd7d-4c40-8126-a58fdd87e725": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "json",
"displayName": "Data",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "array"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"markerColor": {
"type": "color",
"displayName": "Marker color",
"validation": {
"schema": {
"type": "string"
}
}
},
"showAxes": {
"type": "toggle",
"displayName": "Show axes",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showGridLines": {
"type": "toggle",
"displayName": "Show grid lines",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"type": {
"type": "select",
"displayName": "Chart type",
"options": [
{
"name": "Line",
"value": "line"
},
{
"name": "Bar",
"value": "bar"
},
{
"name": "Pie",
"value": "pie"
}
],
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
},
{
"type": "number"
}
]
}
}
},
"jsonDescription": {
"type": "json",
"displayName": "Json Description",
"validation": {
"schema": {
"type": "string"
}
}
},
"plotFromJson": {
"type": "toggle",
"displayName": "Use Plotly JSON schema",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"padding": {
"value": "25"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#75b5e4ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{false}}"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "{{queries?.getTicketStats?.data?.chartData ?? []}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "chart1",
"displayName": "Chart",
"description": "Display charts",
"component": "Chart",
"defaultSize": {
"width": 20,
"height": 400
},
"exposedVariables": {
"show": null
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 90,
"left": 6.97673928044782,
"width": 23.97233184729657,
"height": 400
}
},
"withDefaultChildren": false
},
"b3873d57-dc59-41bc-a393-98532266b5cd": {
"id": "b3873d57-dc59-41bc-a393-98532266b5cd",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary Text Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary Text Colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Number of tickets in this quarter"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisQuarterTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics2",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 310,
"left": 67.4418643269094,
"width": 11,
"height": 160
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1"
},
"466676ae-e094-46ba-b51f-0ca1042d97b0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Support tickets this year"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text20",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 40,
"left": 6.97674250771448,
"width": 13.953488372093023,
"height": 30
}
},
"withDefaultChildren": false
},
"e21b0b05-65bc-45c3-806d-7a1a468db96b": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Track and manage all your tickets in one place"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text21",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358",
"layouts": {
"desktop": {
"top": 70,
"left": 2.325581395348837,
"width": 15,
"height": 30
}
},
"withDefaultChildren": false
},
"2ec7d535-21d2-4ad4-b455-a9aacb72d10a": {
"id": "2ec7d535-21d2-4ad4-b455-a9aacb72d10a",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "8e03c8cc-643f-4adf-995b-12600a976954"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255812866661383,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c"
},
"635e6753-dd2b-4094-a94c-ddd4a223847b": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text22",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c",
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"withDefaultChildren": false
},
"9bd1fea2-ae0a-4acf-8d5b-e541c7a5aa5a": {
"id": "9bd1fea2-ae0a-4acf-8d5b-e541c7a5aa5a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text24",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "ec5f4f15-59e6-472b-bdfb-b6be903bb2d6"
},
"d1f08f35-4f58-4654-b77d-2405df0c9426": {
"id": "d1f08f35-4f58-4654-b77d-2405df0c9426",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "10"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text25",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0,
"width": 41,
"height": 40
}
},
"parent": "ec5f4f15-59e6-472b-bdfb-b6be903bb2d6"
},
"e2507b65-69f8-487a-b94e-f3521eea3c92": {
"id": "e2507b65-69f8-487a-b94e-f3521eea3c92",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text26",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "3fa65aac-08d8-4811-9613-9fbe740ce5dc"
},
"5d28d2a6-77c4-4cea-99fd-e6ac6f531921": {
"id": "5d28d2a6-77c4-4cea-99fd-e6ac6f531921",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "5"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text27",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000006093314777189107,
"width": 41,
"height": 40
}
},
"parent": "3fa65aac-08d8-4811-9613-9fbe740ce5dc"
},
"1b057c19-bd16-4049-978e-edd03b23b3a4": {
"id": "1b057c19-bd16-4049-978e-edd03b23b3a4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text28",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30
}
},
"parent": "b4d47e2f-aff3-43ba-b9fd-20ea62deb25a"
},
"478fddd1-ad38-458d-88bb-fef5210ec854": {
"id": "478fddd1-ad38-458d-88bb-fef5210ec854",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "8"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0,
"width": 41,
"height": 40
}
},
"parent": "b4d47e2f-aff3-43ba-b9fd-20ea62deb25a"
},
"7371587c-c42a-4f9f-b5db-0ec08a9c2e18": {
"id": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container7",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 51.162792599606334,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"5f1d48f1-f340-4721-a4ac-0aac8bb9d0f2": {
"id": "5f1d48f1-f340-4721-a4ac-0aac8bb9d0f2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "In progress"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text23",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976716444934936,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18"
},
"b3832b02-4a58-4df6-9e3b-801b4a2dd165": {
"id": "b3832b02-4a58-4df6-9e3b-801b4a2dd165",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.inProgressTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text30",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40
}
},
"parent": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18"
},
"1773fa69-3597-4662-b152-a12f78d8f1ce": {
"id": "1773fa69-3597-4662-b152-a12f78d8f1ce",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container8",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 39.534873656766905,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"0142dbea-99ba-49d1-967e-873124642ffe": {
"id": "0142dbea-99ba-49d1-967e-873124642ffe",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Generated"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text31",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976745275022956,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "1773fa69-3597-4662-b152-a12f78d8f1ce"
},
"10dbb65f-37db-4553-936d-5bc91add178d": {
"id": "10dbb65f-37db-4553-936d-5bc91add178d",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.generatedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text32",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000017676948260714198,
"width": 41,
"height": 40
}
},
"parent": "1773fa69-3597-4662-b152-a12f78d8f1ce"
}
},
"handle": "home",
"name": "Dashboard",
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "9a4a6f22-a06e-4b58-bf33-fec1f98afd21",
"queryName": "tooljetdbGetTickets",
"parameters": {}
}
]
},
"d7363a0e-cd38-42a9-9fd0-55e48c9a37a3": {
"name": "ticket_details",
"handle": "ticket-details",
"components": {
"cc45bdd7-624d-474f-8c41-687c16571018": {
"id": "cc45bdd7-624d-474f-8c41-687c16571018",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#F8F9FA",
"fxActive": false
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976739120830055,
"width": 40,
"height": 120
}
}
},
"b661ce6b-22d4-48c4-8d09-fc8d2169f06a": {
"id": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading || queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"fxActive": true,
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 130,
"left": 11.627906976744187,
"width": 36,
"height": 880
}
}
},
"b1ec33bf-eae1-4f3d-a531-bdf7e6c0f88d": {
"id": "b1ec33bf-eae1-4f3d-a531-bdf7e6c0f88d",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 180,
"left": 39.598503374221394,
"width": 10,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"780f0ad1-4ee2-45ce-81db-93dd6f6d105e": {
"id": "780f0ad1-4ee2-45ce-81db-93dd6f6d105e",
"component": {
"properties": {
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultValue": {
"type": "code",
"displayName": "Default Value",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"placeholder": {
"value": "Enter response here..."
},
"defaultValue": {
"value": "Hi {{queries.tooljetdbGetTicketDetails.data.customer_name}}\nThanks for contacting us.\nWe're working on ticket #{{queries.tooljetdbGetTicketDetails.data.id}}, and will let you know once we have an update.\n\nThanks and regards\nB R A N D"
}
},
"general": {},
"exposedVariables": {}
},
"name": "richtexteditor1",
"displayName": "Text Editor",
"description": "Rich text editor",
"component": "RichTextEditor",
"defaultSize": {
"width": 16,
"height": 210
},
"exposedVariables": {
"value": ""
}
},
"layouts": {
"desktop": {
"top": 540,
"left": 2.32558002220012,
"width": 40.99999999999999,
"height": 250
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"32ff15d9-4367-450b-b5b9-eea67c508b5e": {
"id": "32ff15d9-4367-450b-b5b9-eea67c508b5e",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"queryName": "sendTicketResponseEmail",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Send"
},
"loadingState": {
"value": "{{queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"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"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 810,
"left": 88.37208985812151,
"width": 4.023585347575455,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"da0b82a8-e130-43c6-8c24-6052d6f61c1b": {
"id": "da0b82a8-e130-43c6-8c24-6052d6f61c1b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"backgroundColor": {
"value": "#ffffffff"
},
"textColor": {
"value": "#000000ff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#b8b3b3ff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 810,
"left": 76.74418386537887,
"width": 4.0323608178581205,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"45416466-17cd-4472-afc0-dea889574572": {
"id": "45416466-17cd-4472-afc0-dea889574572",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{0}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.description ?? \"\"}}"
},
"placeholder": {
"value": "Placeholder text"
}
},
"general": {},
"exposedVariables": {}
},
"name": "Issuetext",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 39.53488372093023,
"width": 24.999999999999996,
"height": 260
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"e5990225-15ba-4c78-8335-343843c09a11": {
"id": "e5990225-15ba-4c78-8335-343843c09a11",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Response"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 500,
"left": 2.3256015885875776,
"width": 7,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"e2243986-293f-4c15-b25c-42d4ac19a7ea": {
"id": "e2243986-293f-4c15-b25c-42d4ac19a7ea",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#00000099"
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_name ?? \"\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 25.58139534883721,
"width": 19.999999999999996,
"height": 30
}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018"
},
"7d6c2e4e-def0-43e9-a17e-28739538e2b1": {
"id": "7d6c2e4e-def0-43e9-a17e-28739538e2b1",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#00000099"
},
"textSize": {
"value": "{{14}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_email ?? \"\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 25.58139534883721,
"width": 19.999999999999996,
"height": 30
}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018"
},
"fecb2f87-75d9-405d-bbe4-695ee5d772c7": {
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "5"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container6",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018",
"layouts": {
"desktop": {
"top": 20,
"left": 6.9767440744207105,
"width": 7,
"height": 70
}
},
"withDefaultChildren": false
},
"0aabf007-3c01-4445-bb10-da0a0df61c32": {
"id": "0aabf007-3c01-4445-bb10-da0a0df61c32",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "#{{queries.tooljetdbGetTicketDetails.data.id}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 4.651162790697674,
"width": 36.99999999999999,
"height": 40
}
},
"parent": "fecb2f87-75d9-405d-bbe4-695ee5d772c7"
},
"53eaf113-fbe1-4223-8e5d-fc5715eed719": {
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#12344dff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconArrowLeft"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon3",
"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": "cc45bdd7-624d-474f-8c41-687c16571018",
"layouts": {
"desktop": {
"top": 40,
"left": 0.23445098215632268,
"width": 1.9911509053210048,
"height": 40
}
},
"withDefaultChildren": false
},
"58b683e4-a81f-4395-8c3e-5922214694f3": {
"id": "58b683e4-a81f-4395-8c3e-5922214694f3",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container7",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 2.9999999999999996,
"height": 1180
}
}
},
"e2a8b30f-80cb-426b-b9ca-da8c32d3948b": {
"id": "e2a8b30f-80cb-426b-b9ca-da8c32d3948b",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.595999971330436,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"e34139e2-25f6-48d0-9a18-0f06d0e28d6d": {
"id": "e34139e2-25f6-48d0-9a18-0f06d0e28d6d",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "8e03c8cc-643f-4adf-995b-12600a976954"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon4",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255813955637826,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"55b18389-2696-4cb9-8c74-7f98d86e796b": {
"id": "55b18389-2696-4cb9-8c74-7f98d86e796b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"ed68d354-065c-43c1-ab6b-328abfcffbb2": {
"id": "ed68d354-065c-43c1-ab6b-328abfcffbb2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Ticket details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 2.3255786342065443,
"width": 10,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"a9ea77d7-e754-41f3-92b5-b8ccdb71adf5": {
"id": "a9ea77d7-e754-41f3-92b5-b8ccdb71adf5",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 2.3255819827807978,
"width": 3.9892582010199282,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"9ad62358-df32-4ddb-a0b2-26c3db74ac98": {
"id": "9ad62358-df32-4ddb-a0b2-26c3db74ac98",
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.status}}"
},
"values": {
"value": "{{[\"ticket_generated\", \"open\", \"in_progress\", \"on_hold\", \"resolved\"]}}"
},
"display_values": {
"value": "{{[\"Ticket generated\", \"Open\", \"In progress\", \"On hold\", \"Resolved\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 2.3255819827807978,
"width": 9,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"c7c2df1b-6f3f-43db-9cc9-b101b9c0e9db": {
"id": "c7c2df1b-6f3f-43db-9cc9-b101b9c0e9db",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Priority"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 25.581395928846742,
"width": 3.9892582010199282,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"991d588a-d4ed-43b2-8e4d-0f9bae3c5b94": {
"id": "991d588a-d4ed-43b2-8e4d-0f9bae3c5b94",
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.priority}}"
},
"values": {
"value": "{{[\"p0\", \"p1\", \"p2\", \"p3\", \"p4\"]}}"
},
"display_values": {
"value": "{{[\"P0 - Blocker\", \"P1 - Critical\", \"P2 - Important\", \"P3 - Minor\", \"P4 - Not important\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 25.58139788942742,
"width": 9,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"b9a08e79-54eb-4902-904d-b06ffb305932": {
"id": "b9a08e79-54eb-4902-904d-b06ffb305932",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Assigned to"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text20",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 48.83720791433201,
"width": 8,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"6e7283ba-4172-4b1d-88c6-d7d34da7b291": {
"id": "6e7283ba-4172-4b1d-88c6-d7d34da7b291",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput1.value) || components.textinput1.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.assigned_to ?? \"\"}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"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"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 48.83720863023707,
"width": 17,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"20b0adee-a9ae-480a-a8a3-0837aa7feff4": {
"id": "20b0adee-a9ae-480a-a8a3-0837aa7feff4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"queryName": "tooljetdbUpdateTicketDetails",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{components.dropdown1.value == undefined || components.dropdown2.value == undefined || !components.textinput1.isValid || (components.textinput1.value == queries.tooljetdbGetTicketDetails.data.assigned_to && components.dropdown1.value == queries.tooljetdbGetTicketDetails.data.status && components.dropdown2.value == queries.tooljetdbGetTicketDetails.data.priority)}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button5",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 90.69766595916028,
"width": 2.9999999999999996,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"c05c191a-c531-45c0-9eb7-f4e368b887a4": {
"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": "#88888880"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider1",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"layouts": {
"desktop": {
"top": 150,
"left": 2.3255819827807978,
"width": 40.99999999999999,
"height": 10
}
},
"withDefaultChildren": false
},
"78b17afa-aa2d-479c-b3e1-509b5c77b9b6": {
"component": {
"properties": {
"source": {
"type": "code",
"displayName": "URL",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"alternativeText": {
"type": "code",
"displayName": "Alternative text",
"validation": {
"schema": {
"type": "string"
}
}
},
"zoomButtons": {
"type": "toggle",
"displayName": "Zoom button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"rotateButton": {
"type": "toggle",
"displayName": "Rotate button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
}
},
"styles": {
"borderType": {
"type": "select",
"displayName": "Border type",
"options": [
{
"name": "None",
"value": "none"
},
{
"name": "Rounded",
"value": "rounded"
},
{
"name": "Circle",
"value": "rounded-circle"
},
{
"name": "Thumbnail",
"value": "img-thumbnail"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"imageFit": {
"type": "select",
"displayName": "Image fit",
"options": [
{
"name": "fill",
"value": "fill"
},
{
"name": "contain",
"value": "contain"
},
{
"name": "cover",
"value": "cover"
},
{
"name": "scale-down",
"value": "scale-down"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderType": {
"value": "none"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") == \"\"}}",
"fxActive": true
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name == \"\" ? \"\" : queries.s3GetImage.data.url}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading || queries.s3GetImage.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "No image uploaded for this ticket."
},
"zoomButtons": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
},
"rotateButton": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "image1",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"layouts": {
"desktop": {
"top": 220,
"left": 2.325576101038764,
"width": 15.000000000000002,
"height": 260
}
},
"withDefaultChildren": false
},
"ba259812-1a03-4d6f-b19c-e58963f498e4": {
"id": "ba259812-1a03-4d6f-b19c-e58963f498e4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Uploaded image"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 180,
"left": 2.325582570212763,
"width": 10,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"queryName": "tooljetdbGetTicketDetails",
"parameters": {}
}
]
},
"8e03c8cc-643f-4adf-995b-12600a976954": {
"name": "all_customers",
"handle": "all-customers",
"components": {
"ceee4b9a-82ce-4cf6-942a-309e63524e44": {
"id": "ceee4b9a-82ce-4cf6-942a-309e63524e44",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "All Contacts"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text1",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 9.302324210708631,
"width": 13,
"height": 50
}
}
},
"48c4cf8a-f888-46d1-b10c-e559fe274b66": {
"id": "48c4cf8a-f888-46d1-b10c-e559fe274b66",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{!queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{`${(queries?.tooljetdbGetAllContacts?.data ?? []).length} total contacts`}}"
},
"loadingState": {
"value": "",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 9.30232558139535,
"width": 9,
"height": 30
}
}
},
"2f23505a-a635-4ee5-ae2f-d94f8215133e": {
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetAllContacts?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true
},
{
"id": "573f181f-9df0-4dbb-9f8e-4a1ce660689a",
"name": "title",
"key": "title",
"columnType": "string",
"autogenerated": true
},
{
"id": "0b02428a-b586-471f-8e92-269d51d2f353",
"name": "organization",
"key": "organization",
"columnType": "string",
"autogenerated": true
},
{
"id": "6222c541-6ca9-41de-ba1e-56fcfe484a9a",
"name": "country",
"key": "country",
"columnType": "string",
"autogenerated": true
},
{
"id": "35c77b67-fbce-479b-b610-9c12daf01848",
"name": "language",
"key": "language",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 44,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 194,
"434f0654-adfd-4978-99ea-6a8c8359e0bc": 146,
"862b7244-f3d3-4bcb-a35a-519adb88118f": 134,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 248,
"a2d24c22-78d8-4b80-b911-c04d68892613": 28,
"573f181f-9df0-4dbb-9f8e-4a1ce660689a": 191,
"6222c541-6ca9-41de-ba1e-56fcfe484a9a": 197,
"35c77b67-fbce-479b-b610-9c12daf01848": 174
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"new_column2",
"Tags",
"Timezone",
"Last updated"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 129.99999237060547,
"left": 9.30230521254236,
"width": 38,
"height": 660
}
},
"withDefaultChildren": false
},
"3ccfb4d8-7912-4063-9f90-2d16baeae96d": {
"id": "3ccfb4d8-7912-4063-9f90-2d16baeae96d",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container1",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0.00000762939453125,
"left": 0,
"width": 2.9999999999999996,
"height": 950
}
}
},
"a798e257-82cd-4e9b-99e3-5cb2c36fda44": {
"id": "a798e257-82cd-4e9b-99e3-5cb2c36fda44",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.59600069407166,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"df28f654-ee9e-462f-a5e8-07d12a63b393": {
"id": "df28f654-ee9e-462f-a5e8-07d12a63b393",
"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": [],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255806791135765,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"251dc6be-a4dc-41c3-8caa-55bf53225a9b": {
"id": "251dc6be-a4dc-41c3-8caa-55bf53225a9b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"1dab8e54-bcff-47aa-a730-f571faa87a0c": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#000000"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#12344dff"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add Contact"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "470px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 34
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 100,
"left": 74.4186046511628,
"width": 10,
"height": 30
}
},
"withDefaultChildren": false
},
"8716b72a-5a96-40b3-bdf7-f372ff148fc7": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button1",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40,
"left": 83.72116583613709,
"width": 6,
"height": 40
}
},
"withDefaultChildren": false
},
"af813b96-b45f-4f8f-a676-832bc4289fe4": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text4",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 30,
"left": 6.9767462792955985,
"width": 7,
"height": 40
}
},
"withDefaultChildren": false
},
"e7653385-3303-4381-9fef-5cba26b8462c": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"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"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 30,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"f5a9c2bd-7ccc-4286-bb69-f24ef4f3a7a0": {
"id": "f5a9c2bd-7ccc-4286-bb69-f24ef4f3a7a0",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Email"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 6.976742690868592,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"0b3c8af9-066c-4000-9660-854ab827728f": {
"id": "0b3c8af9-066c-4000-9660-854ab827728f",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Title"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 6.976744186046512,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"6d1beea3-5020-43a9-a554-d295f6e786c8": {
"id": "6d1beea3-5020-43a9-a554-d295f6e786c8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Organization"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 210,
"left": 6.976741195690673,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"c5666389-6356-4285-ac42-7f607fb2b1d4": {
"id": "c5666389-6356-4285-ac42-7f607fb2b1d4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Country"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 270,
"left": 6.976742690868592,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"07736ee2-99da-4d47-9311-bd55a663a500": {
"id": "07736ee2-99da-4d47-9311-bd55a663a500",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Language"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 330,
"left": 6.976744186046512,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"622183b9-d87b-4b12-aa12-5e596191c2c0": {
"id": "622183b9-d87b-4b12-aa12-5e596191c2c0",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) || components.textinput2.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput2",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 23.255809567633154,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"c8ca9b1d-1810-4f6e-8af8-779ca6a589e7": {
"id": "c8ca9b1d-1810-4f6e-8af8-779ca6a589e7",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter title"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput3",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"806313f7-17d1-4c72-8200-62c29493be86": {
"id": "806313f7-17d1-4c72-8200-62c29493be86",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter organization name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput4",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 210,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"9abdde34-6893-4032-ad59-f9e402e345b1": {
"id": "9abdde34-6893-4032-ad59-f9e402e345b1",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter country name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput5",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 270,
"left": 23.2558140531669,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"30d4806a-6cf2-4120-b4aa-521a7b4c47ae": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{\"english\"}}"
},
"values": {
"value": "{{[\"english\", \"hindi\", \"french\", \"arabic\", \"spanish\", \"portuguese\", \"german\", \"russian\", \"malay\", \"italian\"]}}"
},
"display_values": {
"value": "{{[\"English\", \"Hindi\", \"French\", \"Arabic\", \"Spanish\", \"Portuguese\", \"German\", \"Russian\", \"Malay\", \"Italian\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a language"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 330,
"left": 23.255814450597605,
"width": 30.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"ff16e8e2-779d-4f5c-be11-9689236131f8": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"queryName": "tooljetdbAddContact",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{components.textinput1.value.length == 0 || components.textinput2.value.length == 0 || !components.textinput2.isValid || components.textinput3.value.length == 0 || components.textinput4.value.length == 0 || components.textinput5.value.length == 0 || components.dropdown1.value == undefined}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add contact"
},
"loadingState": {
"value": "{{queries.tooljetdbAddContact.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 400,
"left": 76.74418973590058,
"width": 7,
"height": 40
}
},
"withDefaultChildren": false
},
"e971eff3-812c-4a03-b7cc-4e15d148bda0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
}
],
"styles": {
"backgroundColor": {
"value": "#ffffff1a"
},
"textColor": {
"value": "#12344dff"
},
"loaderColor": {
"value": "#12344dff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#12344dff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 400.00000762939453,
"left": 62.79069569937815,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"queryName": "tooljetdbGetAllContacts",
"parameters": {}
}
]
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100%",
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1200",
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1200",
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"appId": "fc9b77ec-f4cf-4a7d-b36c-ba899c9c97f0",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-08-11T05:30:50.997Z",
"updatedAt": "2024-01-02T10:48:01.948Z"
},
"components": [
{
"id": "a7cf8de9-538b-430e-8a21-3503b4a13262",
"name": "divider1",
"type": "Divider",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"dividerColor": {
"value": "#88888880"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "2e5ac6d6-b645-4c2f-a54e-622b2ed61acb",
"type": "desktop",
"top": 150,
"left": 2.3255819827807978,
"width": 40.99999999999999,
"height": 10,
"componentId": "a7cf8de9-538b-430e-8a21-3503b4a13262"
}
]
},
{
"id": "f1110d54-4555-41be-8ce7-ba503de6ae61",
"name": "text13",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "8ce3026c-98ed-4f23-9952-b5b79317a260",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.openTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "c27fceb0-2778-4951-ab3c-15e51e30cfab",
"type": "desktop",
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40,
"componentId": "f1110d54-4555-41be-8ce7-ba503de6ae61"
}
]
},
{
"id": "73bf02b9-1ddb-4aaa-b872-0be88994ee95",
"name": "text14",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "f3af9f4f-df91-480d-b0c5-6217a959e951",
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a5e4df27-c38d-4d56-86f5-0808746d44e6",
"type": "desktop",
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30,
"componentId": "73bf02b9-1ddb-4aaa-b872-0be88994ee95"
}
]
},
{
"id": "995f3870-f85b-45ad-93fb-6cdca8c62a88",
"name": "text17",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "f3af9f4f-df91-480d-b0c5-6217a959e951",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.onHoldTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "acf64b9a-4256-4091-8ac4-0e42e6218bdb",
"type": "desktop",
"top": 30,
"left": 0.0000032272666601329547,
"width": 41,
"height": 40,
"componentId": "995f3870-f85b-45ad-93fb-6cdca8c62a88"
}
]
},
{
"id": "4e9667d8-53d5-43ea-b685-2cdf16982c95",
"name": "text18",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "a6be584b-0df8-4ddc-bdfd-87bd36ef6e1b",
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "39d950a0-e0a8-45c9-b7b4-8a5648953243",
"type": "desktop",
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30,
"componentId": "4e9667d8-53d5-43ea-b685-2cdf16982c95"
}
]
},
{
"id": "7f7b1d62-7fa5-4247-a3ae-a7aaaeb9655f",
"name": "text19",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "a6be584b-0df8-4ddc-bdfd-87bd36ef6e1b",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.resolvedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "f8381c51-bdee-4484-bc27-ba6cf2114821",
"type": "desktop",
"top": 30,
"left": -0.0000032272666601329547,
"width": 41,
"height": 40,
"componentId": "7f7b1d62-7fa5-4247-a3ae-a7aaaeb9655f"
}
]
},
{
"id": "de77755d-848f-440c-90f1-a3ec346704ad",
"name": "statistics1",
"type": "Statistics",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "3394bf24-c9d6-4f43-be9c-c85f77840525-1",
"properties": {
"primaryValueLabel": {
"value": "Number of ticket in this month"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisMonthTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "349b0cae-ead8-4a8e-b25c-a8ea8bf7cb45",
"type": "desktop",
"top": 120,
"left": 67.4418643269094,
"width": 11,
"height": 160,
"componentId": "de77755d-848f-440c-90f1-a3ec346704ad"
}
]
},
{
"id": "2f0605e5-e8a1-4b6d-a05b-b16778dfd24a",
"name": "chart1",
"type": "Chart",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "3394bf24-c9d6-4f43-be9c-c85f77840525-1",
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#75b5e4ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{false}}"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "{{queries?.getTicketStats?.data?.chartData ?? []}}"
}
},
"general": {},
"styles": {
"padding": {
"value": "25"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a7ed6c6b-65b0-4c0d-b7cc-487474fbddb6",
"type": "desktop",
"top": 90,
"left": 6.97673928044782,
"width": 23.97233184729657,
"height": 400,
"componentId": "2f0605e5-e8a1-4b6d-a05b-b16778dfd24a"
}
]
},
{
"id": "6356c8ab-983d-4c4c-8796-0b26867126c2",
"name": "statistics2",
"type": "Statistics",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "3394bf24-c9d6-4f43-be9c-c85f77840525-1",
"properties": {
"primaryValueLabel": {
"value": "Number of tickets in this quarter"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisQuarterTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "719842da-476e-4b32-9dab-421d40096850",
"type": "desktop",
"top": 310,
"left": 67.4418643269094,
"width": 11,
"height": 160,
"componentId": "6356c8ab-983d-4c4c-8796-0b26867126c2"
}
]
},
{
"id": "791db397-de5d-452c-8635-53bf9d27695a",
"name": "text20",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "3394bf24-c9d6-4f43-be9c-c85f77840525-1",
"properties": {
"text": {
"value": "Support tickets this year"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "35ad134e-00bc-4371-a457-a92a92954922",
"type": "desktop",
"top": 40,
"left": 6.97674250771448,
"width": 13.953488372093023,
"height": 30,
"componentId": "791db397-de5d-452c-8635-53bf9d27695a"
}
]
},
{
"id": "68b98359-1ee3-472b-bf7e-f713ab114344",
"name": "text23",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "2605a735-23ac-436e-9a03-a0162e464c8f",
"properties": {
"text": {
"value": "In progress"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "675e95e0-4bd8-40a8-a671-560e1fe812bb",
"type": "desktop",
"top": 0,
"left": 6.976716444934936,
"width": 34.00000000000001,
"height": 30,
"componentId": "68b98359-1ee3-472b-bf7e-f713ab114344"
}
]
},
{
"id": "9857af60-5daf-4385-93eb-1f96a458ff5b",
"name": "text30",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "2605a735-23ac-436e-9a03-a0162e464c8f",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.inProgressTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "bacfaf03-7ac2-46a1-a1ec-04c3ab37fbbe",
"type": "desktop",
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40,
"componentId": "9857af60-5daf-4385-93eb-1f96a458ff5b"
}
]
},
{
"id": "250db03d-11a3-4113-b325-3af5705f5ac6",
"name": "text31",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "518d1a7e-662a-4131-b8af-ed4cf0dac076",
"properties": {
"text": {
"value": "Generated"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a656ef1b-07ea-4860-bdc4-0f9158a6f9d7",
"type": "desktop",
"top": 0,
"left": 6.976745275022956,
"width": 34.00000000000001,
"height": 30,
"componentId": "250db03d-11a3-4113-b325-3af5705f5ac6"
}
]
},
{
"id": "72a75fc7-f968-4f9e-89c6-763fccdbc891",
"name": "text32",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "518d1a7e-662a-4131-b8af-ed4cf0dac076",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.generatedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "e3bc4153-7db2-45d0-a3e0-3431dc89f6be",
"type": "desktop",
"top": 30,
"left": 0.000017676948260714198,
"width": 41,
"height": 40,
"componentId": "72a75fc7-f968-4f9e-89c6-763fccdbc891"
}
]
},
{
"id": "349998d8-b8b2-4eaa-8dba-9fcc8bef982b",
"name": "richtexteditor1",
"type": "RichTextEditor",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"placeholder": {
"value": "Enter response here..."
},
"defaultValue": {
"value": "Hi {{queries.tooljetdbGetTicketDetails.data.customer_name}}\nThanks for contacting us.\nWe're working on ticket #{{queries.tooljetdbGetTicketDetails.data.id}}, and will let you know once we have an update.\n\nThanks and regards\nB R A N D"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "9028a6f9-2b1c-4888-90cf-410856086e01",
"type": "desktop",
"top": 540,
"left": 2.32558002220012,
"width": 40.99999999999999,
"height": 250,
"componentId": "349998d8-b8b2-4eaa-8dba-9fcc8bef982b"
}
]
},
{
"id": "de322426-65d9-4767-90a8-978a90cc7d7a",
"name": "button1",
"type": "Button",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Send"
},
"loadingState": {
"value": "{{queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#408fccff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:19:21.171Z",
"layouts": [
{
"id": "8b777d99-b175-4e84-88c6-db562be82f64",
"type": "desktop",
"top": 810,
"left": 88.37208985812151,
"width": 4.023585347575455,
"height": 40,
"componentId": "de322426-65d9-4767-90a8-978a90cc7d7a"
}
]
},
{
"id": "fa78ccf6-c39f-45ac-b1b2-7d8b594c16aa",
"name": "button2",
"type": "Button",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#ffffffff"
},
"textColor": {
"value": "#000000ff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#b8b3b3ff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "dea5862e-c01a-4a84-80ff-bcdeaab8f44f",
"type": "desktop",
"top": 810,
"left": 76.74418386537887,
"width": 4.0323608178581205,
"height": 40,
"componentId": "fa78ccf6-c39f-45ac-b1b2-7d8b594c16aa"
}
]
},
{
"id": "ead6eac0-ce98-4311-a4ba-10aef9903347",
"name": "Issuetext",
"type": "TextArea",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.description ?? \"\"}}"
},
"placeholder": {
"value": "Placeholder text"
}
},
"general": {},
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{0}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a82e4b28-1d5d-4c64-a07f-6a032482819f",
"type": "desktop",
"top": 220,
"left": 39.53488372093023,
"width": 24.999999999999996,
"height": 260,
"componentId": "ead6eac0-ce98-4311-a4ba-10aef9903347"
}
]
},
{
"id": "f53d48b0-f1ab-4b92-a4d2-414e789c4ca7",
"name": "text11",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Response"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:19:09.620Z",
"layouts": [
{
"id": "f81e533c-7e34-41ee-a4df-9668e3d8a762",
"type": "desktop",
"top": 500,
"left": 2.3256015885875776,
"width": 7,
"height": 40,
"componentId": "f53d48b0-f1ab-4b92-a4d2-414e789c4ca7"
}
]
},
{
"id": "644c57e1-d1a7-4854-b3e0-bce427160f7b",
"name": "dropdown2",
"type": "DropDown",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.priority}}"
},
"values": {
"value": "{{[\"p0\", \"p1\", \"p2\", \"p3\", \"p4\"]}}"
},
"display_values": {
"value": "{{[\"P0 - Blocker\", \"P1 - Critical\", \"P2 - Important\", \"P3 - Minor\", \"P4 - Not important\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "defedde7-d8a7-4529-bd45-b4807f7f2df6",
"type": "desktop",
"top": 90,
"left": 25.58139788942742,
"width": 9,
"height": 40,
"componentId": "644c57e1-d1a7-4854-b3e0-bce427160f7b"
}
]
},
{
"id": "52227e53-d40b-46f4-9d23-0c4bba61e5be",
"name": "textinput1",
"type": "TextInput",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.assigned_to ?? \"\"}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput1.value) || components.textinput1.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "ddb63178-8ca0-487f-85f2-0b08d99a9849",
"type": "desktop",
"top": 90,
"left": 48.83720863023707,
"width": 17,
"height": 40,
"componentId": "52227e53-d40b-46f4-9d23-0c4bba61e5be"
}
]
},
{
"id": "0ab89d8d-e464-4e67-95b5-7076d499a747",
"name": "button5",
"type": "Button",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Save"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#408fccff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00"
},
"disabledState": {
"value": "{{components.dropdown1.value == undefined || components.dropdown2.value == undefined || !components.textinput1.isValid || (components.textinput1.value == queries.tooljetdbGetTicketDetails.data.assigned_to && components.dropdown1.value == queries.tooljetdbGetTicketDetails.data.status && components.dropdown2.value == queries.tooljetdbGetTicketDetails.data.priority)}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:18:44.355Z",
"layouts": [
{
"id": "58d437f6-5665-426d-902f-f14da1af479f",
"type": "desktop",
"top": 90,
"left": 90.69766595916028,
"width": 2.9999999999999996,
"height": 40,
"componentId": "0ab89d8d-e464-4e67-95b5-7076d499a747"
}
]
},
{
"id": "5c71049f-3d10-4488-b578-489b892932d0",
"name": "text12",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "8ce3026c-98ed-4f23-9952-b5b79317a260",
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "0a5d1ab1-82c8-4d1a-974d-629ac634273b",
"type": "desktop",
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30,
"componentId": "5c71049f-3d10-4488-b578-489b892932d0"
}
]
},
{
"id": "bd356dfc-3e60-4054-b618-b4a6a0a85977",
"name": "text22",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "f8f57f2f-a97c-4510-b7a5-27999fad7db0",
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "a9b01531-1bca-4078-a41b-138d918a8b63",
"type": "desktop",
"top": 30,
"left": 0,
"width": 42,
"height": 60,
"componentId": "bd356dfc-3e60-4054-b618-b4a6a0a85977"
}
]
},
{
"id": "f8f57f2f-a97c-4510-b7a5-27999fad7db0",
"name": "container3",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "ee69192c-5ab8-4f58-8a1a-29ae5a31ebb5",
"type": "desktop",
"top": 0,
"left": 0,
"width": 3,
"height": 1000,
"componentId": "f8f57f2f-a97c-4510-b7a5-27999fad7db0"
}
]
},
{
"id": "3394bf24-c9d6-4f43-be9c-c85f77840525",
"name": "tabs1",
"type": "Tabs",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {
"tabs": {
"value": "{{[{\"title\":\"Tickets\",\"id\":\"0\"},{\"title\":\"Insights\",\"id\":\"1\"}]}}"
},
"defaultTab": {
"value": "0"
},
"hideTabs": {
"value": "{{false}}"
},
"renderOnlyActiveTab": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"highlightColor": {
"value": "#408fccff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "7f4ee4f0-38d6-4674-a325-5496d1b6ffb9",
"type": "desktop",
"top": 150,
"left": 9.302324678454994,
"width": 38,
"height": 660,
"componentId": "3394bf24-c9d6-4f43-be9c-c85f77840525"
}
]
},
{
"id": "6e56f231-c0bb-481b-9415-40c14c4a629a",
"name": "table1",
"type": "Table",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetAllContacts?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true
},
{
"id": "573f181f-9df0-4dbb-9f8e-4a1ce660689a",
"name": "title",
"key": "title",
"columnType": "string",
"autogenerated": true
},
{
"id": "0b02428a-b586-471f-8e92-269d51d2f353",
"name": "organization",
"key": "organization",
"columnType": "string",
"autogenerated": true
},
{
"id": "6222c541-6ca9-41de-ba1e-56fcfe484a9a",
"name": "country",
"key": "country",
"columnType": "string",
"autogenerated": true
},
{
"id": "35c77b67-fbce-479b-b610-9c12daf01848",
"name": "language",
"key": "language",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 44,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 194,
"434f0654-adfd-4978-99ea-6a8c8359e0bc": 146,
"862b7244-f3d3-4bcb-a35a-519adb88118f": 134,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 248,
"a2d24c22-78d8-4b80-b911-c04d68892613": 28,
"573f181f-9df0-4dbb-9f8e-4a1ce660689a": 191,
"6222c541-6ca9-41de-ba1e-56fcfe484a9a": 197,
"35c77b67-fbce-479b-b610-9c12daf01848": 174
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"new_column2",
"Tags",
"Timezone",
"Last updated"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:14:09.872Z",
"layouts": [
{
"id": "57219553-de71-41e2-8b40-abcd097a4960",
"type": "desktop",
"top": 130,
"left": 9.302302259093912,
"width": 38,
"height": 660,
"componentId": "6e56f231-c0bb-481b-9415-40c14c4a629a"
}
]
},
{
"id": "124b1b24-9fad-4bb2-9dbd-29977176e35c",
"name": "text9",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "cf1d537a-7874-4b29-ad6b-d644fef2daa1",
"properties": {
"text": {
"value": "#{{queries.tooljetdbGetTicketDetails.data.id}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:15:45.410Z",
"layouts": [
{
"id": "11357e03-b010-420e-bd5f-6ac94a6a31e1",
"type": "desktop",
"top": 10,
"left": 4.651156103266925,
"width": 36.99999999999999,
"height": 40,
"componentId": "124b1b24-9fad-4bb2-9dbd-29977176e35c"
}
]
},
{
"id": "47d3f71b-afcb-47a3-9602-f70ac369c15c",
"name": "image1",
"type": "Image",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"source": {
"value": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name == \"\" ? \"\" : queries.s3GetImage.data.url}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading || queries.s3GetImage.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "No image uploaded for this ticket."
},
"zoomButtons": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
},
"rotateButton": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
}
},
"general": {},
"styles": {
"borderType": {
"value": "none"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") == \"\"}}",
"fxActive": true
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "4afee552-8bb2-4a56-a8b3-a0f7f6e8dfe8",
"type": "desktop",
"top": 220,
"left": 2.3255755794755895,
"width": 15.000000000000002,
"height": 260,
"componentId": "47d3f71b-afcb-47a3-9602-f70ac369c15c"
}
]
},
{
"id": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"name": "container3",
"type": "Container",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"fxActive": true,
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#8888884d"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading || queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:48:01.926Z",
"layouts": [
{
"id": "dc024247-3047-4ccb-9b0a-2dec95ceb927",
"type": "desktop",
"top": 130,
"left": 9.302324678454994,
"width": 38,
"height": 880,
"componentId": "9d94448f-da72-47a1-8d2c-5ba2607d9821"
}
]
},
{
"id": "81053448-8f18-4a6e-8fb4-d152a43e85ce",
"name": "text17",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Ticket details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408FCC",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:17:55.017Z",
"layouts": [
{
"id": "4e3bc9d8-3317-40c9-b1d7-70b5f035c412",
"type": "desktop",
"top": 20,
"left": 2.325577874376275,
"width": 10,
"height": 30,
"componentId": "81053448-8f18-4a6e-8fb4-d152a43e85ce"
}
]
},
{
"id": "c63bba3a-16ad-4236-a183-f628179f7c57",
"name": "text18",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:18:12.968Z",
"layouts": [
{
"id": "561f13c1-9b6d-4185-aca1-d4852c2161d8",
"type": "desktop",
"top": 60,
"left": 2.3255824534089884,
"width": 3.9892582010199282,
"height": 30,
"componentId": "c63bba3a-16ad-4236-a183-f628179f7c57"
}
]
},
{
"id": "d809d8ea-eaf2-4427-8e8c-69ccf5f4864a",
"name": "text20",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Assigned to"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:18:28.228Z",
"layouts": [
{
"id": "c33c4b71-7e62-4aaa-b60d-754fc9583817",
"type": "desktop",
"top": 60,
"left": 48.83720320909106,
"width": 8,
"height": 30,
"componentId": "d809d8ea-eaf2-4427-8e8c-69ccf5f4864a"
}
]
},
{
"id": "6ce96d96-7796-4079-8b6d-65940e633f2c",
"name": "text19",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Priority"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:18:22.369Z",
"layouts": [
{
"id": "02e9ca64-e70b-4fc9-b0d3-52e824fc0b11",
"type": "desktop",
"top": 60,
"left": 25.581398737626827,
"width": 3.9892582010199282,
"height": 30,
"componentId": "6ce96d96-7796-4079-8b6d-65940e633f2c"
}
]
},
{
"id": "1adcca81-0e14-4581-9381-dc9f6f95b6b5",
"name": "text13",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Uploaded image"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:18:54.464Z",
"layouts": [
{
"id": "75862fc4-b271-48ba-924e-2196821d4e7f",
"type": "desktop",
"top": 180,
"left": 2.32558181866467,
"width": 10,
"height": 40,
"componentId": "1adcca81-0e14-4581-9381-dc9f6f95b6b5"
}
]
},
{
"id": "86008b10-3ad8-4afd-911a-dde444adf79c",
"name": "text5",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"text": {
"value": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:19:01.577Z",
"layouts": [
{
"id": "7aa690b7-c6c1-4f83-9c63-42e601a2f8fc",
"type": "desktop",
"top": 180,
"left": 39.59850291074076,
"width": 10,
"height": 40,
"componentId": "86008b10-3ad8-4afd-911a-dde444adf79c"
}
]
},
{
"id": "90ed4cf7-766b-4789-874c-197f0704fddf",
"name": "text12",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "b3a6253b-7a64-4003-8c4e-ec945a987eea",
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "8d47d857-ca02-4c76-9447-3a321f7c5266",
"type": "desktop",
"top": 30,
"left": 0,
"width": 42,
"height": 60,
"componentId": "90ed4cf7-766b-4789-874c-197f0704fddf"
}
]
},
{
"id": "b3a6253b-7a64-4003-8c4e-ec945a987eea",
"name": "container7",
"type": "Container",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "13f7509d-722d-495e-8432-6b0094fa22ee",
"type": "desktop",
"top": 0,
"left": -0.000005349658330544571,
"width": 2.9999999999999996,
"height": 1180,
"componentId": "b3a6253b-7a64-4003-8c4e-ec945a987eea"
}
]
},
{
"id": "66557d41-1cc4-4938-a825-dccc01bc427c",
"name": "dropdown1",
"type": "DropDown",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "9d94448f-da72-47a1-8d2c-5ba2607d9821",
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.status}}"
},
"values": {
"value": "{{[\"ticket_generated\", \"open\", \"in_progress\", \"on_hold\", \"resolved\"]}}"
},
"display_values": {
"value": "{{[\"Ticket generated\", \"Open\", \"In progress\", \"On hold\", \"Resolved\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "eb07f173-68c4-4006-a8f7-5a32500022d4",
"type": "desktop",
"top": 90,
"left": 2.325582546465959,
"width": 9,
"height": 40,
"componentId": "66557d41-1cc4-4938-a825-dccc01bc427c"
}
]
},
{
"id": "098e8ba0-dc08-4611-8307-991cae94f478",
"name": "icon2",
"type": "Icon",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "f8f57f2f-a97c-4510-b7a5-27999fad7db0",
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "b279cac1-e720-408a-b978-fd930ae5adbd",
"type": "desktop",
"top": 230,
"left": 32.55814488454206,
"width": 11,
"height": 30,
"componentId": "098e8ba0-dc08-4611-8307-991cae94f478"
}
]
},
{
"id": "954987a8-5b99-412d-ab22-e3ae8e6539ee",
"name": "text1",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"text": {
"value": "All Contacts"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:15:13.408Z",
"layouts": [
{
"id": "5a570472-1a2e-4eb5-9290-898e07bb7bb8",
"type": "desktop",
"top": 30,
"left": 9.302324278429158,
"width": 13,
"height": 50,
"componentId": "954987a8-5b99-412d-ab22-e3ae8e6539ee"
}
]
},
{
"id": "e45eb29c-2f5e-461c-a3e4-1f07d14ae434",
"name": "text2",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"text": {
"value": "{{`${(queries?.tooljetdbGetAllContacts?.data ?? []).length} total contacts`}}"
},
"loadingState": {
"value": "",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{!queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "4e232302-71a0-4a0f-b505-8a2123584c44",
"type": "desktop",
"top": 80,
"left": 9.302325981421186,
"width": 9,
"height": 30,
"componentId": "e45eb29c-2f5e-461c-a3e4-1f07d14ae434"
}
]
},
{
"id": "beb6092d-5dd0-4661-9106-8cb90ddcd239",
"name": "container1",
"type": "Container",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "e7941684-1844-4ea4-9ec8-c6cc2038f8e6",
"type": "desktop",
"top": 0,
"left": 0,
"width": 3,
"height": 1000,
"componentId": "beb6092d-5dd0-4661-9106-8cb90ddcd239"
}
]
},
{
"id": "32a2afdb-c382-4156-a53c-93072dc7889c",
"name": "text4",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "b39a77cd-ba41-4d1f-998e-01f6196e6762",
"type": "desktop",
"top": 30,
"left": 6.9767462792955985,
"width": 7,
"height": 40,
"componentId": "32a2afdb-c382-4156-a53c-93072dc7889c"
}
]
},
{
"id": "70105148-3490-46d2-9000-f8b43412991e",
"name": "textinput1",
"type": "TextInput",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "26e685cb-cd43-4dce-9846-7f99a89638bb",
"type": "desktop",
"top": 30,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40,
"componentId": "70105148-3490-46d2-9000-f8b43412991e"
}
]
},
{
"id": "d69f8e40-3055-456e-a1c9-70568bfa6248",
"name": "text5",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Email"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d36896ca-864e-48ff-96be-d4d062826f69",
"type": "desktop",
"top": 90,
"left": 6.976742690868592,
"width": 7,
"height": 40,
"componentId": "d69f8e40-3055-456e-a1c9-70568bfa6248"
}
]
},
{
"id": "1ec8cecb-9142-4d8c-ab2f-e1ad9f5372dd",
"name": "text6",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Title"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "2f36c46c-763c-4d99-b02b-7ebbbe123077",
"type": "desktop",
"top": 150,
"left": 6.976744186046512,
"width": 7,
"height": 40,
"componentId": "1ec8cecb-9142-4d8c-ab2f-e1ad9f5372dd"
}
]
},
{
"id": "f8451032-3815-473b-9979-1316de003d8a",
"name": "text7",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Organization"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "16b85964-5e9c-401a-a19c-49e66da905c1",
"type": "desktop",
"top": 210,
"left": 6.976741195690673,
"width": 7,
"height": 40,
"componentId": "f8451032-3815-473b-9979-1316de003d8a"
}
]
},
{
"id": "2bd87994-7803-4b5b-ac21-43d56b7541b7",
"name": "text8",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Country"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "d09fd3ae-53c1-4f1c-b580-90b79dd06c87",
"type": "desktop",
"top": 270,
"left": 6.976742690868592,
"width": 7,
"height": 40,
"componentId": "2bd87994-7803-4b5b-ac21-43d56b7541b7"
}
]
},
{
"id": "24bbe433-68a7-486b-b47e-9cf7a29eae8e",
"name": "text9",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Language"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "ba916c46-241f-4838-857b-b9a32ab3112a",
"type": "desktop",
"top": 330,
"left": 6.976744186046512,
"width": 7,
"height": 40,
"componentId": "24bbe433-68a7-486b-b47e-9cf7a29eae8e"
}
]
},
{
"id": "6078cdb9-092e-454d-95ea-07b52d0e7e4e",
"name": "textinput2",
"type": "TextInput",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) || components.textinput2.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "4a8564bd-f90e-48e2-9d4b-f20eb4d650af",
"type": "desktop",
"top": 90,
"left": 23.255809567633154,
"width": 30.000000000000004,
"height": 40,
"componentId": "6078cdb9-092e-454d-95ea-07b52d0e7e4e"
}
]
},
{
"id": "ef10165b-e037-4f7b-baee-99edb708fa04",
"name": "textinput3",
"type": "TextInput",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter title"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "3a1a95f9-2969-48c0-bd70-9a3db4b28264",
"type": "desktop",
"top": 150,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40,
"componentId": "ef10165b-e037-4f7b-baee-99edb708fa04"
}
]
},
{
"id": "7a58600b-f9c6-459c-b5b0-d64ad8fc48df",
"name": "textinput4",
"type": "TextInput",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter organization name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "7502eea1-984b-4eb0-95f5-f864911fba37",
"type": "desktop",
"top": 210,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40,
"componentId": "7a58600b-f9c6-459c-b5b0-d64ad8fc48df"
}
]
},
{
"id": "b52abb3b-6c09-4ee1-93ce-9d4d7c8ecf40",
"name": "textinput5",
"type": "TextInput",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter country name"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "8a2dea65-95d1-4e36-847b-ad7d7171553d",
"type": "desktop",
"top": 270,
"left": 23.2558140531669,
"width": 30.000000000000004,
"height": 40,
"componentId": "b52abb3b-6c09-4ee1-93ce-9d4d7c8ecf40"
}
]
},
{
"id": "8013ef78-f67b-4987-a53d-79781c689cd9",
"name": "dropdown1",
"type": "DropDown",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{\"english\"}}"
},
"values": {
"value": "{{[\"english\", \"hindi\", \"french\", \"arabic\", \"spanish\", \"portuguese\", \"german\", \"russian\", \"malay\", \"italian\"]}}"
},
"display_values": {
"value": "{{[\"English\", \"Hindi\", \"French\", \"Arabic\", \"Spanish\", \"Portuguese\", \"German\", \"Russian\", \"Malay\", \"Italian\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a language"
}
},
"general": {},
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {
"customRule": {
"value": null
}
},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "75bcc16e-a428-4f3f-a6a0-f2c466f769f0",
"type": "desktop",
"top": 330,
"left": 23.255814450597605,
"width": 30.000000000000004,
"height": 40,
"componentId": "8013ef78-f67b-4987-a53d-79781c689cd9"
}
]
},
{
"id": "0251f471-4b70-4c0d-823d-1b2020daade9",
"name": "button2",
"type": "Button",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Add contact"
},
"loadingState": {
"value": "{{queries.tooljetdbAddContact.isLoading}}",
"fxActive": true
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{components.textinput1.value.length == 0 || components.textinput2.value.length == 0 || !components.textinput2.isValid || components.textinput3.value.length == 0 || components.textinput4.value.length == 0 || components.textinput5.value.length == 0 || components.dropdown1.value == undefined}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "0222ab3b-039a-489c-8788-46ec04d6d74a",
"type": "desktop",
"top": 400,
"left": 76.74418973590058,
"width": 7,
"height": 40,
"componentId": "0251f471-4b70-4c0d-823d-1b2020daade9"
}
]
},
{
"id": "f67ff852-de9f-474d-bdc1-ee5ddd268d01",
"name": "button3",
"type": "Button",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#ffffff1a"
},
"textColor": {
"value": "#12344dff"
},
"loaderColor": {
"value": "#12344dff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#12344dff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "c9d04f9b-6f88-478e-8bfe-ad3925d7133a",
"type": "desktop",
"top": 400.00000762939453,
"left": 62.79069569937815,
"width": 5,
"height": 40,
"componentId": "f67ff852-de9f-474d-bdc1-ee5ddd268d01"
}
]
},
{
"id": "570cd97d-0972-41a0-80cb-bfa8d59ee87a",
"name": "text3",
"type": "Text",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "beb6092d-5dd0-4661-9106-8cb90ddcd239",
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "e3ccaa26-5e39-4a97-83a3-275aaae0f0d8",
"type": "desktop",
"top": 30,
"left": 0,
"width": 42,
"height": 60,
"componentId": "570cd97d-0972-41a0-80cb-bfa8d59ee87a"
}
]
},
{
"id": "fbc36807-eb14-4370-a09b-12ac6d0f3502",
"name": "button1",
"type": "Button",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"text": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"backgroundColor": {
"value": "#408fccff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:15:21.180Z",
"layouts": [
{
"id": "a8ca4acf-ddb7-40e8-9dc2-336ddbaf671a",
"type": "desktop",
"top": 70,
"left": 88.37209302325581,
"width": 4,
"height": 40,
"componentId": "fbc36807-eb14-4370-a09b-12ac6d0f3502"
}
]
},
{
"id": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"name": "modal1",
"type": "Modal",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": null,
"properties": {
"title": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add Contact"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "470px"
}
},
"general": {},
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#000000"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#12344dff"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"layouts": [
{
"id": "787f1304-0092-445b-aa15-22ff9f7d6b31",
"type": "desktop",
"top": 40,
"left": 72.09302325581395,
"width": 4,
"height": 30,
"componentId": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa"
}
]
},
{
"id": "424e3d65-b3fa-487e-bb48-a45c1ec109b9",
"name": "table1",
"type": "Table",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "3394bf24-c9d6-4f43-be9c-c85f77840525-0",
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetTickets?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"id": "87b3ef2d-9467-4c3c-9573-15fb4ccfba97",
"name": "customer_name",
"key": "customer_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "bea919c1-64b7-4c48-959d-b557f98b4928",
"name": "customer_email",
"key": "customer_email",
"columnType": "string",
"autogenerated": true
},
{
"id": "c76e4c0b-cd1f-4004-94d2-11c2bcc12823",
"name": "product_version",
"key": "product_version",
"columnType": "string",
"autogenerated": true
},
{
"id": "5d0521e3-2a93-4273-91ec-a2102361cc56",
"name": "issue_type",
"key": "issue_type",
"columnType": "string",
"autogenerated": true
},
{
"id": "9ad1b6b4-cdbc-446a-a7de-d92bf509801e",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb",
"name": "priority",
"key": "priority",
"columnType": "string",
"autogenerated": true
},
{
"name": "assigned_to",
"id": "05a321eb-b97a-47c9-86e4-7fc59fc39aac"
},
{
"id": "b7221c74-1949-47af-b709-8ae3d699796b",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "wrap"
},
{
"id": "8eea6b55-dd70-434b-82f7-c7022a36cb44",
"name": "created_at",
"key": "created_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "0716e0fb-4a66-4ad1-9a92-53c56619e510",
"name": "updated_at",
"key": "updated_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "4cee3410-c3a0-4cd2-ba55-93726b35f38d",
"name": "supporting_file_name",
"key": "supporting_file_name",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{true}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 136,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 142,
"aa56b72c-5246-47a7-800d-b19a7208970a": 105,
"01397da4-b41e-4540-aec5-440e70fd38d5": 337,
"c76e4c0b-cd1f-4004-94d2-11c2bcc12823": 126,
"87b3ef2d-9467-4c3c-9573-15fb4ccfba97": 149,
"5d0521e3-2a93-4273-91ec-a2102361cc56": 127,
"9ad1b6b4-cdbc-446a-a7de-d92bf509801e": 142,
"0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb": 84,
"b7221c74-1949-47af-b709-8ae3d699796b": 509,
"leftActions": 76
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Issue",
"Issue type",
"assigned_to",
"Assigned to",
"Status"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-27T01:08:48.083Z",
"layouts": [
{
"id": "fb252d12-b592-4d26-b7c3-7be7790bb6a8",
"type": "desktop",
"top": 30,
"left": 2.3255817534797076,
"width": 40.99862260433195,
"height": 550,
"componentId": "424e3d65-b3fa-487e-bb48-a45c1ec109b9"
}
]
},
{
"id": "ac010d10-eeaf-46ee-b6f6-f491722b2cbc",
"name": "icon1",
"type": "Icon",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "f8f57f2f-a97c-4510-b7a5-27999fad7db0",
"properties": {
"icon": {
"value": "IconHome2"
}
},
"general": {},
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 10px 2px #ffffffff",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2024-01-02T10:10:40.380Z",
"layouts": [
{
"id": "d1f75094-2caf-4860-b15c-6a1ec7fc4d2a",
"type": "desktop",
"top": 150,
"left": 32.55812189174122,
"width": 11,
"height": 30,
"componentId": "ac010d10-eeaf-46ee-b6f6-f491722b2cbc"
}
]
},
{
"id": "20c420d9-7b0e-47fa-a7e8-53a1d92011b8",
"name": "icon1",
"type": "Icon",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "beb6092d-5dd0-4661-9106-8cb90ddcd239",
"properties": {},
"general": null,
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:12:26.615Z",
"updatedAt": "2024-01-02T10:13:26.684Z",
"layouts": [
{
"id": "4f4f560e-e66f-4c4b-b520-cf46fe65975a",
"type": "desktop",
"top": 150,
"left": 32.55813071331247,
"width": 11,
"height": 30,
"componentId": "20c420d9-7b0e-47fa-a7e8-53a1d92011b8"
}
]
},
{
"id": "8c539a0e-a7fa-4aff-ac7d-0a07759326f2",
"name": "icon2",
"type": "Icon",
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"parent": "beb6092d-5dd0-4661-9106-8cb90ddcd239",
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": null,
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
}
},
"generalStyles": {
"boxShadow": {
"fxActive": true,
"value": "0px 0px 10px 2px #ffffffff"
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:12:26.615Z",
"updatedAt": "2024-01-02T10:13:16.686Z",
"layouts": [
{
"id": "a67bd758-8668-4248-93ef-65f43e64b470",
"type": "desktop",
"top": 229.99999237060547,
"left": 32.55814493723706,
"width": 11,
"height": 30,
"componentId": "8c539a0e-a7fa-4aff-ac7d-0a07759326f2"
}
]
},
{
"id": "5e833833-4d8b-4318-b651-eeac5a1b1f22",
"name": "icon2",
"type": "Icon",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "b3a6253b-7a64-4003-8c4e-ec945a987eea",
"properties": {},
"general": null,
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:20:36.939Z",
"updatedAt": "2024-01-02T10:20:45.637Z",
"layouts": [
{
"id": "aa32a1ed-74e8-416c-bdf0-8eb589c634c0",
"type": "desktop",
"top": 150,
"left": 32.55812362769768,
"width": 11,
"height": 30,
"componentId": "5e833833-4d8b-4318-b651-eeac5a1b1f22"
}
]
},
{
"id": "08c47cd7-d111-4fdc-b2ee-5aa4fa6138b9",
"name": "icon4",
"type": "Icon",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "b3a6253b-7a64-4003-8c4e-ec945a987eea",
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": null,
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:20:36.939Z",
"updatedAt": "2024-01-02T10:20:36.939Z",
"layouts": [
{
"id": "98424d40-20e6-472b-a247-7a55e7db48d8",
"type": "desktop",
"top": 230,
"left": 32.55813779892726,
"width": 11,
"height": 30,
"componentId": "08c47cd7-d111-4fdc-b2ee-5aa4fa6138b9"
}
]
},
{
"id": "92147c67-a57c-40cd-9c33-06b8ad2b362c",
"name": "text27",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "e71d5ad3-5798-4877-af5d-7474956cc597",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.inProgressTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "fffc9c6e-3850-4035-8d8f-085d433c90c9",
"type": "desktop",
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40,
"componentId": "92147c67-a57c-40cd-9c33-06b8ad2b362c"
}
]
},
{
"id": "f5843be9-9c4a-479a-9fbe-33b3c885ca66",
"name": "text28",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "bb1fee56-406c-474e-a850-94439c6cbe19",
"properties": {
"text": {
"value": "Open"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textAlign": {
"value": "center"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "4a1a442f-a02b-496c-9f8e-42ad6156a413",
"type": "desktop",
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30,
"componentId": "f5843be9-9c4a-479a-9fbe-33b3c885ca66"
}
]
},
{
"id": "bb4cf3ee-90b9-449a-bf97-40974f1c3be0",
"name": "text29",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "bb1fee56-406c-474e-a850-94439c6cbe19",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.openTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "41a7b078-26d7-4a1d-917d-ff4f45a5df4c",
"type": "desktop",
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40,
"componentId": "bb4cf3ee-90b9-449a-bf97-40974f1c3be0"
}
]
},
{
"id": "5610fb96-10fe-4792-88b5-09383ce06f41",
"name": "text33",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "bf057605-5167-42e9-a4e5-5272ed783a8d",
"properties": {
"text": {
"value": "On hold"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textAlign": {
"value": "center"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "beed4619-e602-410e-804f-020dedfa7e32",
"type": "desktop",
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30,
"componentId": "5610fb96-10fe-4792-88b5-09383ce06f41"
}
]
},
{
"id": "1c8cd51e-f470-4fbc-b364-689e8dc7f95f",
"name": "text34",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "bf057605-5167-42e9-a4e5-5272ed783a8d",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.onHoldTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "b18f58f3-0004-4080-9a7b-7f9aedd8b114",
"type": "desktop",
"top": 30,
"left": 0.0000032272666601329547,
"width": 41,
"height": 40,
"componentId": "1c8cd51e-f470-4fbc-b364-689e8dc7f95f"
}
]
},
{
"id": "f9c2fcd4-08db-4b93-bed1-4dcb93c9acca",
"name": "text35",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "0a2ca167-89bd-4e57-b4ca-e25d0de1a486",
"properties": {
"text": {
"value": "Resolved"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textAlign": {
"value": "center"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "bc6b0dcf-f658-41b1-8ffd-3b6a1206938b",
"type": "desktop",
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30,
"componentId": "f9c2fcd4-08db-4b93-bed1-4dcb93c9acca"
}
]
},
{
"id": "ed248c15-d340-4102-95a9-10f2a9af3bd5",
"name": "text36",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "0a2ca167-89bd-4e57-b4ca-e25d0de1a486",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.resolvedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "bd0db443-fc05-45c5-8299-0d4204ea735e",
"type": "desktop",
"top": 30,
"left": -0.0000032272666601329547,
"width": 41,
"height": 40,
"componentId": "ed248c15-d340-4102-95a9-10f2a9af3bd5"
}
]
},
{
"id": "b86e2f71-9622-473a-986b-29408c7a1a53",
"name": "text24",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "b847397e-5c6d-45c6-be70-71f9d3aebc40",
"properties": {
"text": {
"value": "Generated"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textAlign": {
"value": "center"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "b6c2b1b6-ddaf-46c4-acae-f0101395e8ae",
"type": "desktop",
"top": 0,
"left": 6.976745275022956,
"width": 34.00000000000001,
"height": 30,
"componentId": "b86e2f71-9622-473a-986b-29408c7a1a53"
}
]
},
{
"id": "fa52a5b6-f62c-4122-bd9c-00265790567e",
"name": "text25",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "b847397e-5c6d-45c6-be70-71f9d3aebc40",
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.generatedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "f8e440be-418e-46c6-91e8-6e635fb1dd9b",
"type": "desktop",
"top": 30,
"left": 0.000017676948260714198,
"width": 41,
"height": 40,
"componentId": "fa52a5b6-f62c-4122-bd9c-00265790567e"
}
]
},
{
"id": "94a4a3c1-10cb-4531-9b2c-352a4487e43c",
"name": "text26",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": "e71d5ad3-5798-4877-af5d-7474956cc597",
"properties": {
"text": {
"value": "In progress"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textAlign": {
"value": "center"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "97538fe2-a3de-4826-9c8a-b67613130e2e",
"type": "desktop",
"top": 0,
"left": 6.976716444934936,
"width": 34.00000000000001,
"height": 30,
"componentId": "94a4a3c1-10cb-4531-9b2c-352a4487e43c"
}
]
},
{
"id": "b847397e-5c6d-45c6-be70-71f9d3aebc40",
"name": "container9",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "d068ad97-bfca-4f6c-86de-3c36f610e262",
"type": "desktop",
"top": 30,
"left": 41.860478208914216,
"width": 4,
"height": 90,
"componentId": "b847397e-5c6d-45c6-be70-71f9d3aebc40"
}
]
},
{
"id": "e71d5ad3-5798-4877-af5d-7474956cc597",
"name": "container10",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "8bf7a191-3f92-4014-aa7b-6e447a74080d",
"type": "desktop",
"top": 30,
"left": 53.48838238654327,
"width": 4,
"height": 90,
"componentId": "e71d5ad3-5798-4877-af5d-7474956cc597"
}
]
},
{
"id": "bb1fee56-406c-474e-a850-94439c6cbe19",
"name": "container11",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "b9d8f541-caed-4886-ab8b-b4d58aeedb33",
"type": "desktop",
"top": 30,
"left": 65.11629026622785,
"width": 4,
"height": 90,
"componentId": "bb1fee56-406c-474e-a850-94439c6cbe19"
}
]
},
{
"id": "bf057605-5167-42e9-a4e5-5272ed783a8d",
"name": "container12",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "a1e55be5-1593-4305-a42a-3b0d70990e74",
"type": "desktop",
"top": 30,
"left": 76.74419218650604,
"width": 4,
"height": 90,
"componentId": "bf057605-5167-42e9-a4e5-5272ed783a8d"
}
]
},
{
"id": "0a2ca167-89bd-4e57-b4ca-e25d0de1a486",
"name": "container13",
"type": "Container",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "42334c97-c419-4e39-9b62-0c9d6a2f89d8",
"type": "desktop",
"top": 30,
"left": 88.37209302325581,
"width": 4,
"height": 90,
"componentId": "0a2ca167-89bd-4e57-b4ca-e25d0de1a486"
}
]
},
{
"id": "bab33a9c-155a-426a-924a-b1b2efc7f910",
"name": "text15",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {
"text": {
"value": "Support Desk Dashboard"
}
},
"general": null,
"styles": {
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "3de0bc8a-a26d-4abd-a4bd-af1d71f5035e",
"type": "desktop",
"top": 29.999984741210938,
"left": 9.302342060056851,
"width": 13,
"height": 40,
"componentId": "bab33a9c-155a-426a-924a-b1b2efc7f910"
}
]
},
{
"id": "4ebf93c6-8502-48a6-b458-a31ffc5c8a7a",
"name": "text16",
"type": "Text",
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"parent": null,
"properties": {
"text": {
"value": "Track and manage all your tickets in one place"
}
},
"general": null,
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:36:34.489Z",
"updatedAt": "2024-01-02T10:36:34.489Z",
"layouts": [
{
"id": "e1e25841-35b0-42c9-b95c-2fcaedafcc73",
"type": "desktop",
"top": 70,
"left": 9.30234183432175,
"width": 13,
"height": 30,
"componentId": "4ebf93c6-8502-48a6-b458-a31ffc5c8a7a"
}
]
},
{
"id": "957d1969-34d2-4a6e-b7ed-b2537f46adc1",
"name": "icon5",
"type": "Icon",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {
"icon": {
"value": "IconArrowLeft"
}
},
"general": null,
"styles": {
"iconColor": {
"value": "#408fccff"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:43:02.647Z",
"updatedAt": "2024-01-02T10:43:02.647Z",
"layouts": [
{
"id": "512817b3-ec81-4eb9-8cc3-bad2527e964b",
"type": "desktop",
"top": 30,
"left": 9.30232555763186,
"width": 1,
"height": 50,
"componentId": "957d1969-34d2-4a6e-b7ed-b2537f46adc1"
}
]
},
{
"id": "5229697f-88cd-48e0-9666-6c4d43d0d18b",
"name": "container5",
"type": "Container",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {},
"general": null,
"styles": {
"backgroundColor": {
"value": "#8888881a"
},
"borderRadius": {
"value": "5"
},
"borderColor": {
"value": "#ffffff00",
"fxActive": false
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:43:02.647Z",
"updatedAt": "2024-01-02T10:43:02.647Z",
"layouts": [
{
"id": "1589ddbd-6c59-46cc-b87f-26ac35462fe7",
"type": "desktop",
"top": 20,
"left": 13.953494818127133,
"width": 7,
"height": 70,
"componentId": "5229697f-88cd-48e0-9666-6c4d43d0d18b"
}
]
},
{
"id": "474d0e8e-643a-4502-996e-515c06d4426a",
"name": "text14",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": "5229697f-88cd-48e0-9666-6c4d43d0d18b",
"properties": {
"text": {
"value": "#{{queries.tooljetdbGetTicketDetails.data.id}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"general": null,
"styles": {
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:43:02.647Z",
"updatedAt": "2024-01-02T10:43:02.647Z",
"layouts": [
{
"id": "fd10aeeb-c8a8-4538-86d1-83075369195a",
"type": "desktop",
"top": 10,
"left": 4.651156103266925,
"width": 36.99999999999999,
"height": 40,
"componentId": "474d0e8e-643a-4502-996e-515c06d4426a"
}
]
},
{
"id": "dda3dd72-04c2-4679-9b83-78178fe570c9",
"name": "text15",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_name ?? \"\"}}"
}
},
"general": null,
"styles": {
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"fontWeight": {
"value": "bold"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:43:02.647Z",
"updatedAt": "2024-01-02T10:43:02.647Z",
"layouts": [
{
"id": "c6d0ba28-8f92-41d1-8bdc-25c1bf7cb0fa",
"type": "desktop",
"top": 20,
"left": 32.55813953488372,
"width": 20,
"height": 40,
"componentId": "dda3dd72-04c2-4679-9b83-78178fe570c9"
}
]
},
{
"id": "42ec52db-c4b1-4d90-a74b-2bd2ff6903b7",
"name": "text16",
"type": "Text",
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"parent": null,
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_email ?? \"\"}}"
}
},
"general": null,
"styles": {
"textColor": {
"value": "#000",
"fxActive": false
},
"textSize": {
"value": "{{14}}"
}
},
"generalStyles": null,
"displayPreferences": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"validation": {},
"createdAt": "2024-01-02T10:43:02.647Z",
"updatedAt": "2024-01-02T10:43:02.647Z",
"layouts": [
{
"id": "b82a1e47-4d5a-495a-8e27-1e0ef0681fc6",
"type": "desktop",
"top": 60,
"left": 32.55813937586424,
"width": 19.999999999999996,
"height": 30,
"componentId": "42ec52db-c4b1-4d90-a74b-2bd2ff6903b7"
}
]
}
],
"pages": [
{
"id": "cc102c37-7ff1-4421-999e-c11b58310eac",
"name": "Dashboard",
"handle": "home",
"index": 0,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1"
},
{
"id": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"name": "ticket_details",
"handle": "ticket-details",
"index": 1,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1"
},
{
"id": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"name": "all_customers",
"handle": "all-customers",
"index": 2,
"disabled": false,
"hidden": false,
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1"
}
],
"events": [
{
"id": "39b0e52f-45e2-4c00-a2b9-6b84581427c0",
"name": "onPageLoad",
"index": 0,
"event": {
"eventId": "onPageLoad",
"message": "Hello world!",
"queryId": "9a4a6f22-a06e-4b58-bf33-fec1f98afd21",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetTickets",
"parameters": {}
},
"sourceId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"target": "page",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "c001faf7-cb32-4688-9b39-8b381192a8cf",
"name": "onPageLoad",
"index": 0,
"event": {
"eventId": "onPageLoad",
"message": "Hello world!",
"queryId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetTicketDetails",
"parameters": {}
},
"sourceId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"target": "page",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "086f3ad0-d158-498a-b48f-ba45ee75048c",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"actionId": "run-query",
"alertType": "info",
"queryName": "sendTicketResponseEmail",
"parameters": {}
},
"sourceId": "de322426-65d9-4767-90a8-978a90cc7d7a",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "43e1f455-47d3-4921-b200-67023d307117",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbUpdateTicketDetails",
"parameters": {}
},
"sourceId": "0ab89d8d-e464-4e67-95b5-7076d499a747",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "d1728242-fef7-4874-b0dd-1ed77cefda85",
"name": "onPageLoad",
"index": 0,
"event": {
"eventId": "onPageLoad",
"message": "Hello world!",
"queryId": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetAllContacts",
"parameters": {}
},
"sourceId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"target": "page",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "51e71cf7-d21a-4f21-8ed1-14d283f8ae97",
"name": "onClick",
"index": 0,
"event": {
"eventId": "onClick",
"message": "Hello world!",
"queryId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbAddContact",
"parameters": {}
},
"sourceId": "0251f471-4b70-4c0d-823d-1b2020daade9",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "30f56b8c-94cf-4288-9e17-2b0c1fb1e496",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "{{`Mail sent to ${queries.tooljetdbGetTicketDetails.data.customer_email} successfully.`}}",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "d7e44054-6d5d-4259-9c6a-cbb5e6373681",
"name": "onDataQueryFailure",
"index": 1,
"event": {
"eventId": "onDataQueryFailure",
"message": "{{`Failed to send mail to ${queries.tooljetdbGetTicketDetails.data.customer_email}! Please check and try again`}}",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "72d67da3-76f5-4eb8-b9f3-2d400964d22f",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Ticket updated successfully.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "7906b033-f282-4831-b22d-5556edaf26c7",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "26d50560-a367-462a-9b8c-aa66dc32a806",
"actionId": "run-query",
"alertType": "info",
"queryName": "sendTicketAssigneeEmail",
"runOnlyIf": "{{components.textinput1.value != queries.tooljetdbGetTicketDetails.data.assigned_to || components.dropdown1.value != queries.tooljetdbGetTicketDetails.data.status || components.dropdown2.value != queries.tooljetdbGetTicketDetails.data.priority}}",
"parameters": {}
},
"sourceId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "e84bcb23-2a3a-4d5d-9cca-650b7d5f60b3",
"name": "onRowClicked",
"index": 0,
"event": {
"pageId": "99b4e60d-ab5c-40ba-9d63-ab17109b2eba",
"eventId": "onRowClicked",
"message": "Hello world!",
"actionId": "switch-page",
"debounce": "",
"alertType": "info",
"queryParams": [
[
"selected_ticket_id",
"{{components.table1.selectedRow.id}}"
]
]
},
"sourceId": "424e3d65-b3fa-487e-bb48-a45c1ec109b9",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "88589bad-0af2-48d8-8bc8-9734fa081e6d",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetTicketDetails",
"runOnlyIf": "{{components.textinput1.value == queries.tooljetdbGetTicketDetails.data.assigned_to}}",
"parameters": {}
},
"sourceId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "1d3e2ad9-102d-4757-b8ec-5a46a7c7fea5",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "5cc1664d-c88d-4274-beef-b6ea028bfb6a",
"actionId": "run-query",
"alertType": "info",
"queryName": "s3GetImage",
"runOnlyIf": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name != \"\"}}",
"parameters": {}
},
"sourceId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "962c3f16-b705-40c0-956a-1d3e497ba42b",
"name": "onDataQuerySuccess",
"index": 1,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Contact added successfully.",
"actionId": "show-alert",
"alertType": "success"
},
"sourceId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "0d16a646-912e-4245-a71d-a6d6abcc201e",
"name": "onDataQuerySuccess",
"index": 2,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"actionId": "run-query",
"alertType": "info",
"queryName": "tooljetdbGetAllContacts",
"parameters": {}
},
"sourceId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "fae3bc3e-e995-4b57-9809-81ee8f5cfe57",
"name": "onDataQueryFailure",
"index": 3,
"event": {
"eventId": "onDataQueryFailure",
"message": "Failed to add contact! Please check and try again.",
"actionId": "show-alert",
"alertType": "warning"
},
"sourceId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "c449f988-cee4-4d0d-b586-70d59b8cb554",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"queryId": "9c730665-05d0-4eff-9f29-938aa915ff0b",
"actionId": "run-query",
"alertType": "info",
"queryName": "getTicketStats",
"parameters": {}
},
"sourceId": "9a4a6f22-a06e-4b58-bf33-fec1f98afd21",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "0fe014b4-0463-4a3e-851a-ccd390ef4eed",
"name": "onClick",
"index": 0,
"event": {
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "098e8ba0-dc08-4611-8307-991cae94f478",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "72f869ae-3ba5-4a60-949f-2d5377bfb158",
"name": "onClick",
"index": 0,
"event": {
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "fa78ccf6-c39f-45ac-b1b2-7d8b594c16aa",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "c96697d7-67f7-4b29-9747-5099cd9312d3",
"name": "onClick",
"index": 0,
"event": {
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "4f2526e2-9aae-4e42-9c61-f0afd1c6e9e6",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "54e9a299-0775-4f26-9bf9-dc92ff7e21e2",
"name": "onClick",
"index": 0,
"event": {
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "c82f6352-8503-4fec-a269-06d65fb57e4b",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "1caa0266-17d1-4b69-affe-8ef500f679c6",
"name": "onClick",
"index": 0,
"event": {
"modal": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "show-modal",
"alertType": "info"
},
"sourceId": "fbc36807-eb14-4370-a09b-12ac6d0f3502",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "93c77c61-2eee-4a49-94cd-48e8c98ade3a",
"name": "onClick",
"index": 0,
"event": {
"modal": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "f67ff852-de9f-474d-bdc1-ee5ddd268d01",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "e8121a8d-2649-4049-b5c8-4cbbe6ec2ce7",
"name": "onDataQuerySuccess",
"index": 0,
"event": {
"modal": "e8e9f9b4-710c-409f-b9a3-c8909bf917aa",
"eventId": "onDataQuerySuccess",
"message": "Hello world!",
"actionId": "close-modal",
"alertType": "info"
},
"sourceId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"target": "data_query",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-12-24T03:36:08.870Z",
"updatedAt": "2023-12-24T03:36:08.870Z"
},
{
"id": "434da8dd-97d0-4816-a479-ad7c60915505",
"name": "onClick",
"index": 0,
"event": {
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "20c420d9-7b0e-47fa-a7e8-53a1d92011b8",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2024-01-02T10:12:35.887Z",
"updatedAt": "2024-01-02T10:12:48.576Z"
},
{
"id": "4097c167-48d2-4f34-8b7e-52def3f108ef",
"name": "onClick",
"index": 0,
"event": {
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "5e833833-4d8b-4318-b651-eeac5a1b1f22",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2024-01-02T10:20:53.015Z",
"updatedAt": "2024-01-02T10:21:00.803Z"
},
{
"id": "07920dab-5998-46a2-aba8-f8de8409cf86",
"name": "onClick",
"index": 0,
"event": {
"pageId": "7d026bbd-a9b9-4f19-8fe8-9cb3bb6d0fe0",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "08c47cd7-d111-4fdc-b2ee-5aa4fa6138b9",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2024-01-02T10:27:15.734Z",
"updatedAt": "2024-01-02T10:27:24.648Z"
},
{
"id": "7f02a46a-96b3-481a-95c0-0a3dbc8f7c9d",
"name": "onClick",
"index": 0,
"event": {
"pageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"eventId": "onClick",
"message": "Hello world!",
"actionId": "switch-page",
"alertType": "info"
},
"sourceId": "957d1969-34d2-4a6e-b7ed-b2537f46adc1",
"target": "component",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2024-01-02T10:43:05.284Z",
"updatedAt": "2024-01-02T10:43:05.284Z"
}
],
"dataQueries": [
{
"id": "9a4a6f22-a06e-4b58-bf33-fec1f98afd21",
"name": "tooljetdbGetTickets",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "support_desk_ticket",
"list_rows": {
"order_filters": {
"1": {
"column": "id",
"order": "desc",
"id": "1"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "9c730665-05d0-4eff-9f29-938aa915ff0b",
"queryName": "getTicketStats",
"parameters": {}
}
],
"table_id": "00fa8265-6121-4c20-aee3-40035a7cbb9e"
},
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-08-31T19:43:01.486Z",
"updatedAt": "2023-09-13T05:11:25.750Z"
},
{
"id": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"name": "tooljetdbGetTicketDetails",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": true,
"table_name": "support_desk_ticket",
"list_rows": {
"where_filters": {
"1": {
"column": "id",
"operator": "eq",
"value": "{{globals.urlparams.selected_ticket_id}}",
"id": "1"
}
}
},
"transformation": "return data[0];",
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "5cc1664d-c88d-4274-beef-b6ea028bfb6a",
"queryName": "s3GetImage",
"parameters": {},
"runOnlyIf": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name != \"\"}}"
}
],
"table_id": "00fa8265-6121-4c20-aee3-40035a7cbb9e"
},
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-08-31T20:08:36.066Z",
"updatedAt": "2023-09-13T05:11:25.756Z"
},
{
"id": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"name": "tooljetdbUpdateTicketDetails",
"options": {
"operation": "update_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "support_desk_ticket",
"list_rows": {},
"update_rows": {
"columns": {
"0": {
"column": "status",
"value": "{{components.dropdown1.value}}"
},
"1": {
"column": "priority",
"value": "{{components.dropdown2.value}}"
},
"2": {
"column": "assigned_to",
"value": "{{components.textinput1.value}}"
},
"4": {
"column": "updated_at",
"value": "{{moment().format()}}"
}
},
"where_filters": {
"2": {
"column": "id",
"operator": "eq",
"value": "{{globals.urlparams.selected_ticket_id}}",
"id": "2"
}
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Ticket updated successfully.",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "26d50560-a367-462a-9b8c-aa66dc32a806",
"queryName": "sendTicketAssigneeEmail",
"parameters": {},
"runOnlyIf": "{{components.textinput1.value != queries.tooljetdbGetTicketDetails.data.assigned_to || components.dropdown1.value != queries.tooljetdbGetTicketDetails.data.status || components.dropdown2.value != queries.tooljetdbGetTicketDetails.data.priority}}"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"queryName": "tooljetdbGetTicketDetails",
"parameters": {},
"runOnlyIf": "{{components.textinput1.value == queries.tooljetdbGetTicketDetails.data.assigned_to}}"
}
],
"table_id": "00fa8265-6121-4c20-aee3-40035a7cbb9e"
},
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-08-31T20:27:26.400Z",
"updatedAt": "2023-09-13T05:11:25.735Z"
},
{
"id": "9c730665-05d0-4eff-9f29-938aa915ff0b",
"name": "getTicketStats",
"options": {
"code": "data = queries.tooljetdbGetTickets.data;\n\nlast3Months = [\n moment().add(-2, \"month\").format(\"MMM YYYY\"),\n moment().add(-1, \"month\").format(\"MMM YYYY\"),\n moment().format(\"MMM YYYY\"),\n];\n\nticketStats = {\n generatedTickets: 0,\n inProgressTickets: 0,\n openTickets: 0,\n onHoldTickets: 0,\n resolvedTickets: 0,\n thisMonthTickets: 0,\n thisQuarterTickets: 0,\n chartData: [\n { x: last3Months[0], y: 0 },\n { x: last3Months[1], y: 0 },\n { x: last3Months[2], y: 0 },\n ],\n};\n\ndata.forEach((ticket) => {\n ticketStats.openTickets += ticket.status == \"open\" ? 1 : 0;\n ticketStats.onHoldTickets += ticket.status == \"on_hold\" ? 1 : 0;\n ticketStats.resolvedTickets += ticket.status == \"resolved\" ? 1 : 0;\n ticketStats.generatedTickets += ticket.status == \"ticket_generated\" ? 1 : 0;\n ticketStats.inProgressTickets += ticket.status == \"in_progress\" ? 1 : 0;\n ticketStats.thisMonthTickets +=\n moment(ticket.created_at).format(\"MM|YYYY\") == moment().format(\"MM|YYYY\")\n ? 1\n : 0;\n ticketStats.thisQuarterTickets +=\n moment(ticket.created_at).format(\"Q|YYYY\") == moment().format(\"Q|YYYY\")\n ? 1\n : 0;\n if (last3Months.includes(moment(ticket.created_at).format(\"MMM YYYY\"))) {\n ticketStats.chartData[\n last3Months.indexOf(moment(ticket.created_at).format(\"MMM YYYY\"))\n ].y += 1;\n }\n});\n\nreturn ticketStats;",
"hasParamSupport": true,
"parameters": []
},
"dataSourceId": "fb7ba320-0c2f-4b72-834c-c1ca73066ece",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-01T05:23:02.355Z",
"updatedAt": "2023-09-08T07:02:37.237Z"
},
{
"id": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"name": "sendTicketResponseEmail",
"options": {
"content_type": {
"value": "plain_text"
},
"transformationLanguage": "javascript",
"enableTransformation": false,
"from": "support@brand.com",
"from_name": "B R A N D",
"to": "{{queries.tooljetdbGetTicketDetails.data.customer_email}}",
"subject": "{{`Update on ticket #${queries.tooljetdbGetTicketDetails.data.id} - B R A N D`}}",
"textContent": "",
"htmlContent": "{{components.richtexteditor1.value.replaceAll(/<p>|<\\/p>|<br>/g, \"\").replaceAll('\\n', '<br>')}}",
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "{{`Mail sent to ${queries.tooljetdbGetTicketDetails.data.customer_email} successfully.`}}",
"alertType": "success"
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "{{`Failed to send mail to ${queries.tooljetdbGetTicketDetails.data.customer_email}! Please check and try again`}}",
"alertType": "warning"
}
]
},
"dataSourceId": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-01T08:33:59.596Z",
"updatedAt": "2023-09-13T14:14:34.530Z"
},
{
"id": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"name": "tooljetdbGetAllContacts",
"options": {
"operation": "list_rows",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "support_desk_all_contacts",
"list_rows": {
"order_filters": {
"8": {
"column": "id",
"order": "desc",
"id": "8"
}
}
},
"table_id": "30039c8a-48e4-40b3-abde-7d5bb2807ac1"
},
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-01T10:06:40.829Z",
"updatedAt": "2023-09-13T05:11:25.730Z"
},
{
"id": "26d50560-a367-462a-9b8c-aa66dc32a806",
"name": "sendTicketAssigneeEmail",
"options": {
"content_type": {
"value": "plain_text"
},
"transformationLanguage": "javascript",
"enableTransformation": false,
"from": "support@brand.com",
"from_name": "{{`${globals.currentUser.firstName} ${globals.currentUser.lastName} from B R A N D`}}",
"to": "{{components.textinput1.value}}",
"subject": "{{queries.tooljetdbGetTicketDetails.data.assigned_to != components.textinput1.value ? `New Ticket #${queries.tooljetdbGetTicketDetails.data.id} assigned - B R A N D` : `Ticket #${queries.tooljetdbGetTicketDetails.data.id} updated - B R A N D`}}",
"htmlContent": "<p>Hi<br>\n{{queries.tooljetdbGetTicketDetails.data.assigned_to != components.textinput1.value ? `A new ticket has been assigned to you.` : `A ticket assigned to you has been updated.`}}</p>\n<p><strong>Ticket Details:</strong><br>\n<strong>ID:</strong> #{{queries.tooljetdbGetTicketDetails.data.id}}<br>\n<strong>Status:</strong> {{components.dropdown1.selectedOptionLabel}}<br>\n<strong>Priority:</strong> {{components.dropdown2.selectedOptionLabel}}<br>\n<strong>Product version:</strong> {{queries.tooljetdbGetTicketDetails.data.product_version}}<br>\n<strong>Issue type:</strong> {{queries.tooljetdbGetTicketDetails.data.issue_type}}<br>\n<strong>Description:</strong> {{queries.tooljetdbGetTicketDetails.data.description}}<br></p>\n<p>Thanks and regards<br>\nB R A N D</p>"
},
"dataSourceId": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-08T05:55:43.043Z",
"updatedAt": "2023-10-10T07:12:28.085Z"
},
{
"id": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"name": "tooljetdbAddContact",
"options": {
"operation": "create_row",
"transformationLanguage": "javascript",
"enableTransformation": false,
"table_name": "support_desk_all_contacts",
"list_rows": {},
"create_row": {
"0": {
"column": "name",
"value": "{{components.textinput1.value}}"
},
"1": {
"column": "email",
"value": "{{components.textinput2.value}}"
},
"2": {
"column": "title",
"value": "{{components.textinput3.value}}"
},
"3": {
"column": "organization",
"value": "{{components.textinput4.value}}"
},
"4": {
"column": "country",
"value": "{{components.textinput5.value}}"
},
"5": {
"column": "language",
"value": "{{components.dropdown1.value}}"
}
},
"events": [
{
"eventId": "onDataQuerySuccess",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "show-alert",
"message": "Contact added successfully.",
"alertType": "success"
},
{
"eventId": "onDataQuerySuccess",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"queryName": "tooljetdbGetAllContacts",
"parameters": {}
},
{
"eventId": "onDataQueryFailure",
"actionId": "show-alert",
"message": "Failed to add contact! Please check and try again.",
"alertType": "warning"
}
],
"table_id": "30039c8a-48e4-40b3-abde-7d5bb2807ac1"
},
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-08T09:20:26.056Z",
"updatedAt": "2023-09-13T05:11:25.742Z"
},
{
"id": "5cc1664d-c88d-4274-beef-b6ea028bfb6a",
"name": "s3GetImage",
"options": {
"maxKeys": 1000,
"transformationLanguage": "javascript",
"enableTransformation": false,
"operation": "signed_url_for_get",
"bucket": "datasource-testing",
"key": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name}}"
},
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"createdAt": "2023-09-08T09:56:01.744Z",
"updatedAt": "2024-01-02T10:49:03.565Z"
}
],
"dataSources": [
{
"id": "5b6ee06f-8f40-4dc0-b93c-6f331c09e16d",
"name": "restapidefault",
"kind": "restapi",
"type": "static",
"pluginId": null,
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-11T05:30:50.989Z",
"updatedAt": "2023-08-11T05:30:50.989Z"
},
{
"id": "fb7ba320-0c2f-4b72-834c-c1ca73066ece",
"name": "runjsdefault",
"kind": "runjs",
"type": "static",
"pluginId": null,
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-11T05:30:50.989Z",
"updatedAt": "2023-08-11T05:30:50.989Z"
},
{
"id": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"name": "tooljetdbdefault",
"kind": "tooljetdb",
"type": "static",
"pluginId": null,
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-11T05:30:50.989Z",
"updatedAt": "2023-08-11T05:30:50.989Z"
},
{
"id": "9fd53f6d-62f9-4286-b46c-a26d7fb00281",
"name": "runpydefault",
"kind": "runpy",
"type": "static",
"pluginId": null,
"appVersionId": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"organizationId": null,
"scope": "local",
"createdAt": "2023-08-11T05:30:50.989Z",
"updatedAt": "2023-08-11T05:30:50.989Z"
},
{
"id": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"name": "Support Desk - Mail",
"kind": "smtp",
"type": "default",
"pluginId": null,
"appVersionId": null,
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"scope": "global",
"createdAt": "2023-09-01T08:32:35.880Z",
"updatedAt": "2023-09-01T09:44:58.902Z"
},
{
"id": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"name": "AWS S3",
"kind": "s3",
"type": "default",
"pluginId": null,
"appVersionId": null,
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"scope": "global",
"createdAt": "2023-08-24T16:58:39.241Z",
"updatedAt": "2023-08-24T16:58:39.241Z"
}
],
"appVersions": [
{
"id": "1f291a35-5331-4fa6-a64a-5499ba98c6c1",
"name": "v1",
"definition": {
"showViewerNavigation": false,
"homePageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436",
"pages": {
"de8cf079-8f08-4a7c-9e2e-2bb4b689a436": {
"components": {
"98fb3c49-91f2-4ef4-813f-19cbfacb1b3c": {
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 2.9999999999999996,
"height": 950
}
},
"withDefaultChildren": false
},
"48e876d4-7354-4b32-8772-ed35b892cee2": {
"id": "48e876d4-7354-4b32-8772-ed35b892cee2",
"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": [],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.595993529569597,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c"
},
"23f00957-210a-4b87-8581-60c626644368": {
"id": "23f00957-210a-4b87-8581-60c626644368",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 32.558142698678,
"width": 13.953488372093023,
"height": 30
}
},
"parent": "b4b71535-df42-4a93-89b3-97a97478d46b"
},
"4c59546f-7e3c-4ea4-9252-a971bf975825": {
"id": "4c59546f-7e3c-4ea4-9252-a971bf975825",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "28"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005448066081495,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "b4b71535-df42-4a93-89b3-97a97478d46b"
},
"f79e57c2-c895-4143-aec6-b6bb652ea612": {
"id": "f79e57c2-c895-4143-aec6-b6bb652ea612",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396794981008757,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "c6f5c91c-20e2-44ca-a321-9813cd2d8191"
},
"6372c60d-3a9a-463e-b4fa-bf223fd3906e": {
"id": "6372c60d-3a9a-463e-b4fa-bf223fd3906e",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "3"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005451280395228,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "c6f5c91c-20e2-44ca-a321-9813cd2d8191"
},
"a9a04553-cc17-4d2e-9d94-f6272a9e6e2a": {
"id": "a9a04553-cc17-4d2e-9d94-f6272a9e6e2a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text15",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 22.083091655754874,
"width": 23.77294173682577,
"height": 30
}
},
"parent": "84971558-d71f-4fb4-8f3f-9af28a895e65"
},
"b963d44f-1c99-46d9-a569-06e8a3f55d76": {
"id": "b963d44f-1c99-46d9-a569-06e8a3f55d76",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "55"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text16",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 27.005448066081495,
"width": 19.059604121754052,
"height": 40
}
},
"parent": "84971558-d71f-4fb4-8f3f-9af28a895e65"
},
"57c9cbb6-3aca-490d-b0a3-e4e73613cb06": {
"id": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06",
"component": {
"properties": {
"tabs": {
"type": "code",
"displayName": "Tabs",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object",
"object": {
"id": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
}
}
},
"defaultTab": {
"type": "code",
"displayName": "Default tab",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"hideTabs": {
"type": "toggle",
"displayName": "Hide Tabs",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"renderOnlyActiveTab": {
"type": "toggle",
"displayName": "Render only active tab",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onTabSwitch": {
"displayName": "On tab switch"
}
},
"styles": {
"highlightColor": {
"type": "color",
"displayName": "Highlight Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"tabWidth": {
"type": "select",
"displayName": "Tab width",
"options": [
{
"name": "Auto",
"value": "auto"
},
{
"name": "Equally split",
"value": "split"
}
]
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"highlightColor": {
"value": "#408fccff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"tabWidth": {
"value": "auto"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"properties": {
"tabs": {
"value": "{{[{\"title\":\"Tickets\",\"id\":\"0\"},{\"title\":\"Insights\",\"id\":\"1\"}]}}"
},
"defaultTab": {
"value": "0"
},
"hideTabs": {
"value": "{{false}}"
},
"renderOnlyActiveTab": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "tabs1",
"displayName": "Tabs",
"description": "Tabs component",
"defaultSize": {
"width": 30,
"height": 300
},
"defaultChildren": [
{
"componentName": "Image",
"layout": {
"top": 60,
"left": 37,
"height": 100
},
"tab": 0,
"properties": [
"source"
],
"defaultValue": {
"source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg"
}
},
{
"componentName": "Text",
"layout": {
"top": 100,
"left": 17,
"height": 50,
"width": 34
},
"tab": 1,
"properties": [
"text"
],
"defaultValue": {
"text": "Open-source low-code framework to build & deploy internal tools within minutes."
}
},
{
"componentName": "Table",
"layout": {
"top": 0,
"left": 1,
"width": 42,
"height": 250
},
"tab": 2
}
],
"component": "Tabs",
"actions": [
{
"handle": "setTab",
"displayName": "Set current tab",
"params": [
{
"handle": "id",
"displayName": "Id"
}
]
}
],
"exposedVariables": {
"currentTab": ""
}
},
"layouts": {
"desktop": {
"top": 129.99999618530273,
"left": 6.975208964016932,
"width": 40,
"height": 660
}
}
},
"568f3ce0-86d1-4a12-be21-5aaadfcb7f45": {
"id": "568f3ce0-86d1-4a12-be21-5aaadfcb7f45",
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onRowClicked",
"actionId": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "d7363a0e-cd38-42a9-9fd0-55e48c9a37a3",
"queryParams": [
[
"selected_ticket_id",
"{{components.table1.selectedRow.id}}"
]
],
"debounce": ""
}
],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "12"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetTickets?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{10}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"id": "87b3ef2d-9467-4c3c-9573-15fb4ccfba97",
"name": "customer_name",
"key": "customer_name",
"columnType": "string",
"autogenerated": true
},
{
"id": "bea919c1-64b7-4c48-959d-b557f98b4928",
"name": "customer_email",
"key": "customer_email",
"columnType": "string",
"autogenerated": true
},
{
"id": "c76e4c0b-cd1f-4004-94d2-11c2bcc12823",
"name": "product_version",
"key": "product_version",
"columnType": "string",
"autogenerated": true
},
{
"id": "5d0521e3-2a93-4273-91ec-a2102361cc56",
"name": "issue_type",
"key": "issue_type",
"columnType": "string",
"autogenerated": true
},
{
"id": "9ad1b6b4-cdbc-446a-a7de-d92bf509801e",
"name": "status",
"key": "status",
"columnType": "string",
"autogenerated": true
},
{
"id": "0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb",
"name": "priority",
"key": "priority",
"columnType": "string",
"autogenerated": true
},
{
"name": "assigned_to",
"id": "05a321eb-b97a-47c9-86e4-7fc59fc39aac"
},
{
"id": "b7221c74-1949-47af-b709-8ae3d699796b",
"name": "description",
"key": "description",
"columnType": "string",
"autogenerated": true,
"textWrap": "wrap"
},
{
"id": "8eea6b55-dd70-434b-82f7-c7022a36cb44",
"name": "created_at",
"key": "created_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "0716e0fb-4a66-4ad1-9a92-53c56619e510",
"name": "updated_at",
"key": "updated_at",
"columnType": "string",
"autogenerated": true
},
{
"id": "4cee3410-c3a0-4cd2-ba55-93726b35f38d",
"name": "supporting_file_name",
"key": "supporting_file_name",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{true}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 39,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 143,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 370,
"d7ef4587-d597-44fe-a09f-1e8a5afe7ebd": 136,
"80a7c021-1406-495f-98d2-c8b1789748d6": 169,
"e7828dc4-90f6-4a60-aadb-58356278dff9": 142,
"aa56b72c-5246-47a7-800d-b19a7208970a": 105,
"01397da4-b41e-4540-aec5-440e70fd38d5": 337,
"c76e4c0b-cd1f-4004-94d2-11c2bcc12823": 126,
"87b3ef2d-9467-4c3c-9573-15fb4ccfba97": 149,
"5d0521e3-2a93-4273-91ec-a2102361cc56": 127,
"9ad1b6b4-cdbc-446a-a7de-d92bf509801e": 142,
"0c5de6cf-8c6f-4bcb-a25f-3d082658a1cb": 84,
"b7221c74-1949-47af-b709-8ae3d699796b": 509,
"leftActions": 76
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"email",
"Issue",
"Issue type",
"assigned_to",
"Assigned to",
"Status"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
},
"allowSelection": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 2.3255813953488373,
"width": 40.99862260433195,
"height": 550
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-0"
},
"054c1d84-5dee-429d-b400-dd5cc9ca1358": {
"id": "054c1d84-5dee-429d-b400-dd5cc9ca1358",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#ffffffff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976742008093624,
"width": 40,
"height": 120
}
}
},
"38e4ee86-ca85-461a-be40-9c21f93e23e6": {
"id": "38e4ee86-ca85-461a-be40-9c21f93e23e6",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#408fccff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Support Desk Dashboard"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 29.999984741210938,
"left": 2.325582230226699,
"width": 15,
"height": 40
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"633529cd-6bd8-4305-b1d6-438786e5eba0": {
"id": "633529cd-6bd8-4305-b1d6-438786e5eba0",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container4",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 62.79069402368247,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"c8ecaf02-ac42-4ac5-8339-db3cdb718e23": {
"id": "c8ecaf02-ac42-4ac5-8339-db3cdb718e23",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "633529cd-6bd8-4305-b1d6-438786e5eba0"
},
"bbee3d54-2e13-4965-88be-52ce48f17f98": {
"id": "bbee3d54-2e13-4965-88be-52ce48f17f98",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.openTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40
}
},
"parent": "633529cd-6bd8-4305-b1d6-438786e5eba0"
},
"21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f": {
"id": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container5",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 74.41860263741073,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"7da1125c-55c3-4df0-bf38-d25df707aa31": {
"id": "7da1125c-55c3-4df0-bf38-d25df707aa31",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text14",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f"
},
"7f6628f2-26d2-46c5-bff1-56c8c645a10c": {
"id": "7f6628f2-26d2-46c5-bff1-56c8c645a10c",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.onHoldTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.0000032272666601329547,
"width": 41,
"height": 40
}
},
"parent": "21a6a06c-9fb6-4bd5-b751-1d358fe5ab3f"
},
"c00bb9dd-69bd-419e-ad44-21875907526d": {
"id": "c00bb9dd-69bd-419e-ad44-21875907526d",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container6",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 86.04651162790698,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"e62a5a26-4ed0-4c81-b90e-cdb5800e5ead": {
"id": "e62a5a26-4ed0-4c81-b90e-cdb5800e5ead",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30
}
},
"parent": "c00bb9dd-69bd-419e-ad44-21875907526d"
},
"7e2aa3ca-4f27-4cb7-ab60-b4364c4d70eb": {
"id": "7e2aa3ca-4f27-4cb7-ab60-b4364c4d70eb",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.resolvedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.0000032272666601329547,
"width": 41,
"height": 40
}
},
"parent": "c00bb9dd-69bd-419e-ad44-21875907526d"
},
"61aca46a-063e-4c7a-a73d-acb1986dd6a0": {
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary Text Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary Text Colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Number of ticket in this month"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisMonthTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics1",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 120,
"left": 67.4418643269094,
"width": 11,
"height": 160
}
},
"withDefaultChildren": false
},
"37f09e14-bd7d-4c40-8126-a58fdd87e725": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "json",
"displayName": "Data",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "array"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"markerColor": {
"type": "color",
"displayName": "Marker color",
"validation": {
"schema": {
"type": "string"
}
}
},
"showAxes": {
"type": "toggle",
"displayName": "Show axes",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showGridLines": {
"type": "toggle",
"displayName": "Show grid lines",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"type": {
"type": "select",
"displayName": "Chart type",
"options": [
{
"name": "Line",
"value": "line"
},
{
"name": "Bar",
"value": "bar"
},
{
"name": "Pie",
"value": "pie"
}
],
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
},
{
"type": "number"
}
]
}
}
},
"jsonDescription": {
"type": "json",
"displayName": "Json Description",
"validation": {
"schema": {
"type": "string"
}
}
},
"plotFromJson": {
"type": "toggle",
"displayName": "Use Plotly JSON schema",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"padding": {
"value": "25"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": ""
},
"markerColor": {
"value": "#75b5e4ff"
},
"showAxes": {
"value": "{{true}}"
},
"showGridLines": {
"value": "{{true}}"
},
"plotFromJson": {
"value": "{{false}}"
},
"loadingState": {
"value": "{{false}}"
},
"jsonDescription": {
"value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\"\n ],\n \"y\": [\n 100,\n 80,\n 40\n ],\n \"type\": \"bar\"\n }\n ]\n }"
},
"type": {
"value": "line"
},
"data": {
"value": "{{queries?.getTicketStats?.data?.chartData ?? []}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "chart1",
"displayName": "Chart",
"description": "Display charts",
"component": "Chart",
"defaultSize": {
"width": 20,
"height": 400
},
"exposedVariables": {
"show": null
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 90,
"left": 6.97673928044782,
"width": 23.97233184729657,
"height": 400
}
},
"withDefaultChildren": false
},
"b3873d57-dc59-41bc-a393-98532266b5cd": {
"id": "b3873d57-dc59-41bc-a393-98532266b5cd",
"component": {
"properties": {
"primaryValueLabel": {
"type": "code",
"displayName": "Primary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryValue": {
"type": "code",
"displayName": "Primary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideSecondary": {
"type": "toggle",
"displayName": "Hide secondary value",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"secondaryValueLabel": {
"type": "code",
"displayName": "Secondary value label",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryValue": {
"type": "code",
"displayName": "Secondary value",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondarySignDisplay": {
"type": "code",
"displayName": "Secondary sign display",
"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": {},
"styles": {
"primaryLabelColour": {
"type": "color",
"displayName": "Primary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"primaryTextColour": {
"type": "color",
"displayName": "Primary Text Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryLabelColour": {
"type": "color",
"displayName": "Secondary Label Colour",
"validation": {
"schema": {
"type": "string"
}
}
},
"secondaryTextColour": {
"type": "color",
"displayName": "Secondary Text Colour",
"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": {
"primaryLabelColour": {
"value": "#8092AB"
},
"primaryTextColour": {
"value": "#000000"
},
"secondaryLabelColour": {
"value": "#8092AB"
},
"secondaryTextColour": {
"value": "#36AF8B"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"primaryValueLabel": {
"value": "Number of tickets in this quarter"
},
"primaryValue": {
"value": "{{queries.getTicketStats.data.thisQuarterTickets}}"
},
"secondaryValueLabel": {
"value": "Last month"
},
"secondaryValue": {
"value": "2.85"
},
"secondarySignDisplay": {
"value": "positive"
},
"loadingState": {
"value": "{{false}}"
},
"hideSecondary": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "statistics2",
"displayName": "Statistics",
"description": "Statistics can be used to display different statistical information",
"component": "Statistics",
"defaultSize": {
"width": 9.2,
"height": 152
},
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 310,
"left": 67.4418643269094,
"width": 11,
"height": 160
}
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1"
},
"466676ae-e094-46ba-b51f-0ca1042d97b0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{18}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Support tickets this year"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text20",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "57c9cbb6-3aca-490d-b0a3-e4e73613cb06-1",
"layouts": {
"desktop": {
"top": 40,
"left": 6.97674250771448,
"width": 13.953488372093023,
"height": 30
}
},
"withDefaultChildren": false
},
"e21b0b05-65bc-45c3-806d-7a1a468db96b": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Track and manage all your tickets in one place"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text21",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358",
"layouts": {
"desktop": {
"top": 70,
"left": 2.325581395348837,
"width": 15,
"height": 30
}
},
"withDefaultChildren": false
},
"2ec7d535-21d2-4ad4-b455-a9aacb72d10a": {
"id": "2ec7d535-21d2-4ad4-b455-a9aacb72d10a",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "8e03c8cc-643f-4adf-995b-12600a976954"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255812866661383,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c"
},
"635e6753-dd2b-4094-a94c-ddd4a223847b": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text22",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "98fb3c49-91f2-4ef4-813f-19cbfacb1b3c",
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"withDefaultChildren": false
},
"9bd1fea2-ae0a-4acf-8d5b-e541c7a5aa5a": {
"id": "9bd1fea2-ae0a-4acf-8d5b-e541c7a5aa5a",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Open"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text24",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.9767441860465125,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "ec5f4f15-59e6-472b-bdfb-b6be903bb2d6"
},
"d1f08f35-4f58-4654-b77d-2405df0c9426": {
"id": "d1f08f35-4f58-4654-b77d-2405df0c9426",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#d0021bff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "10"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text25",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0,
"width": 41,
"height": 40
}
},
"parent": "ec5f4f15-59e6-472b-bdfb-b6be903bb2d6"
},
"e2507b65-69f8-487a-b94e-f3521eea3c92": {
"id": "e2507b65-69f8-487a-b94e-f3521eea3c92",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "On hold"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text26",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.396824359431653,
"width": 34.4796717418317,
"height": 30
}
},
"parent": "3fa65aac-08d8-4811-9613-9fbe740ce5dc"
},
"5d28d2a6-77c4-4cea-99fd-e6ac6f531921": {
"id": "5d28d2a6-77c4-4cea-99fd-e6ac6f531921",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#f5a623ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "5"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text27",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000006093314777189107,
"width": 41,
"height": 40
}
},
"parent": "3fa65aac-08d8-4811-9613-9fbe740ce5dc"
},
"1b057c19-bd16-4049-978e-edd03b23b3a4": {
"id": "1b057c19-bd16-4049-978e-edd03b23b3a4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Resolved"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text28",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 9.302337471945389,
"width": 33.00000000000001,
"height": 30
}
},
"parent": "b4d47e2f-aff3-43ba-b9fd-20ea62deb25a"
},
"478fddd1-ad38-458d-88bb-fef5210ec854": {
"id": "478fddd1-ad38-458d-88bb-fef5210ec854",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#77c91eff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "8"
},
"loadingState": {
"value": "{{queries.getTickets.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text29",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0,
"width": 41,
"height": 40
}
},
"parent": "b4d47e2f-aff3-43ba-b9fd-20ea62deb25a"
},
"7371587c-c42a-4f9f-b5db-0ec08a9c2e18": {
"id": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container7",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 51.162792599606334,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"5f1d48f1-f340-4721-a4ac-0aac8bb9d0f2": {
"id": "5f1d48f1-f340-4721-a4ac-0aac8bb9d0f2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "In progress"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text23",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976716444934936,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18"
},
"b3832b02-4a58-4df6-9e3b-801b4a2dd165": {
"id": "b3832b02-4a58-4df6-9e3b-801b4a2dd165",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.inProgressTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text30",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": -0.000001088976443242018,
"width": 41,
"height": 40
}
},
"parent": "7371587c-c42a-4f9f-b5db-0ec08a9c2e18"
},
"1773fa69-3597-4662-b152-a12f78d8f1ce": {
"id": "1773fa69-3597-4662-b152-a12f78d8f1ce",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#f8f9faff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container8",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 20,
"left": 39.534873656766905,
"width": 4,
"height": 90
}
},
"parent": "054c1d84-5dee-429d-b400-dd5cc9ca1358"
},
"0142dbea-99ba-49d1-967e-873124642ffe": {
"id": "0142dbea-99ba-49d1-967e-873124642ffe",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Generated"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text31",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976745275022956,
"width": 34.00000000000001,
"height": 30
}
},
"parent": "1773fa69-3597-4662-b152-a12f78d8f1ce"
},
"10dbb65f-37db-4553-936d-5bc91add178d": {
"id": "10dbb65f-37db-4553-936d-5bc91add178d",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#4a90e2ff"
},
"textSize": {
"value": "{{36}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries.getTicketStats.data.generatedTickets}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTickets.isLoading || queries.getTicketStats.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text32",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000017676948260714198,
"width": 41,
"height": 40
}
},
"parent": "1773fa69-3597-4662-b152-a12f78d8f1ce"
}
},
"handle": "home",
"name": "Dashboard",
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "9a4a6f22-a06e-4b58-bf33-fec1f98afd21",
"queryName": "tooljetdbGetTickets",
"parameters": {}
}
]
},
"d7363a0e-cd38-42a9-9fd0-55e48c9a37a3": {
"name": "ticket_details",
"handle": "ticket-details",
"components": {
"cc45bdd7-624d-474f-8c41-687c16571018": {
"id": "cc45bdd7-624d-474f-8c41-687c16571018",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#F8F9FA",
"fxActive": false
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container2",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 6.976739120830055,
"width": 40,
"height": 120
}
}
},
"b661ce6b-22d4-48c4-8d09-fc8d2169f06a": {
"id": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "10"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading || queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040",
"fxActive": false
}
},
"properties": {
"visible": {
"value": "{{true}}"
},
"loadingState": {
"fxActive": true,
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container3",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 130,
"left": 11.627906976744187,
"width": 36,
"height": 880
}
}
},
"b1ec33bf-eae1-4f3d-a531-bdf7e6c0f88d": {
"id": "b1ec33bf-eae1-4f3d-a531-bdf7e6c0f88d",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Description"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 180,
"left": 39.598503374221394,
"width": 10,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"780f0ad1-4ee2-45ce-81db-93dd6f6d105e": {
"id": "780f0ad1-4ee2-45ce-81db-93dd6f6d105e",
"component": {
"properties": {
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
},
"defaultValue": {
"type": "code",
"displayName": "Default Value",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"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}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"placeholder": {
"value": "Enter response here..."
},
"defaultValue": {
"value": "Hi {{queries.tooljetdbGetTicketDetails.data.customer_name}}\nThanks for contacting us.\nWe're working on ticket #{{queries.tooljetdbGetTicketDetails.data.id}}, and will let you know once we have an update.\n\nThanks and regards\nB R A N D"
}
},
"general": {},
"exposedVariables": {}
},
"name": "richtexteditor1",
"displayName": "Text Editor",
"description": "Rich text editor",
"component": "RichTextEditor",
"defaultSize": {
"width": 16,
"height": 210
},
"exposedVariables": {
"value": ""
}
},
"layouts": {
"desktop": {
"top": 540,
"left": 2.32558002220012,
"width": 40.99999999999999,
"height": 250
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"32ff15d9-4367-450b-b5b9-eea67c508b5e": {
"id": "32ff15d9-4367-450b-b5b9-eea67c508b5e",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "e06d4b30-ab28-4ef7-89cc-3266b3811666",
"queryName": "sendTicketResponseEmail",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Send"
},
"loadingState": {
"value": "{{queries.sendTicketResponseEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"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"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 810,
"left": 88.37208985812151,
"width": 4.023585347575455,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"da0b82a8-e130-43c6-8c24-6052d6f61c1b": {
"id": "da0b82a8-e130-43c6-8c24-6052d6f61c1b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"backgroundColor": {
"value": "#ffffffff"
},
"textColor": {
"value": "#000000ff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#b8b3b3ff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 810,
"left": 76.74418386537887,
"width": 4.0323608178581205,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"45416466-17cd-4472-afc0-dea889574572": {
"id": "45416466-17cd-4472-afc0-dea889574572",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{0}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.description ?? \"\"}}"
},
"placeholder": {
"value": "Placeholder text"
}
},
"general": {},
"exposedVariables": {}
},
"name": "Issuetext",
"displayName": "Textarea",
"description": "Text area form field",
"component": "TextArea",
"defaultSize": {
"width": 6,
"height": 100
},
"exposedVariables": {
"value": "ToolJet is an open-source low-code platform for building and deploying internal tools with minimal engineering efforts 🚀"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 39.53488372093023,
"width": 24.999999999999996,
"height": 260
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"e5990225-15ba-4c78-8335-343843c09a11": {
"id": "e5990225-15ba-4c78-8335-343843c09a11",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Response"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text11",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 500,
"left": 2.3256015885875776,
"width": 7,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"e2243986-293f-4c15-b25c-42d4ac19a7ea": {
"id": "e2243986-293f-4c15-b25c-42d4ac19a7ea",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#00000099"
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_name ?? \"\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 25.58139534883721,
"width": 19.999999999999996,
"height": 30
}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018"
},
"7d6c2e4e-def0-43e9-a17e-28739538e2b1": {
"id": "7d6c2e4e-def0-43e9-a17e-28739538e2b1",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#00000099"
},
"textSize": {
"value": "{{14}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.customer_email ?? \"\"}}"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text10",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 25.58139534883721,
"width": 19.999999999999996,
"height": 30
}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018"
},
"fecb2f87-75d9-405d-bbe4-695ee5d772c7": {
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff"
},
"borderRadius": {
"value": "5"
},
"borderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container6",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"parent": "cc45bdd7-624d-474f-8c41-687c16571018",
"layouts": {
"desktop": {
"top": 20,
"left": 6.9767440744207105,
"width": 7,
"height": 70
}
},
"withDefaultChildren": false
},
"0aabf007-3c01-4445-bb10-da0a0df61c32": {
"id": "0aabf007-3c01-4445-bb10-da0a0df61c32",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "#{{queries.tooljetdbGetTicketDetails.data.id}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 10,
"left": 4.651162790697674,
"width": 36.99999999999999,
"height": 40
}
},
"parent": "fecb2f87-75d9-405d-bbe4-695ee5d772c7"
},
"53eaf113-fbe1-4223-8e5d-fc5715eed719": {
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#12344dff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconArrowLeft"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon3",
"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": "cc45bdd7-624d-474f-8c41-687c16571018",
"layouts": {
"desktop": {
"top": 40,
"left": 0.23445098215632268,
"width": 1.9911509053210048,
"height": 40
}
},
"withDefaultChildren": false
},
"58b683e4-a81f-4395-8c3e-5922214694f3": {
"id": "58b683e4-a81f-4395-8c3e-5922214694f3",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container7",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0,
"left": 0,
"width": 2.9999999999999996,
"height": 1180
}
}
},
"e2a8b30f-80cb-426b-b9ca-da8c32d3948b": {
"id": "e2a8b30f-80cb-426b-b9ca-da8c32d3948b",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.595999971330436,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"e34139e2-25f6-48d0-9a18-0f06d0e28d6d": {
"id": "e34139e2-25f6-48d0-9a18-0f06d0e28d6d",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "8e03c8cc-643f-4adf-995b-12600a976954"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon4",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255813955637826,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"55b18389-2696-4cb9-8c74-7f98d86e796b": {
"id": "55b18389-2696-4cb9-8c74-7f98d86e796b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text12",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"parent": "58b683e4-a81f-4395-8c3e-5922214694f3"
},
"ed68d354-065c-43c1-ab6b-328abfcffbb2": {
"id": "ed68d354-065c-43c1-ab6b-328abfcffbb2",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Ticket details"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text17",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 20,
"left": 2.3255786342065443,
"width": 10,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"a9ea77d7-e754-41f3-92b5-b8ccdb71adf5": {
"id": "a9ea77d7-e754-41f3-92b5-b8ccdb71adf5",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Status"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text18",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 2.3255819827807978,
"width": 3.9892582010199282,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"9ad62358-df32-4ddb-a0b2-26c3db74ac98": {
"id": "9ad62358-df32-4ddb-a0b2-26c3db74ac98",
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.status}}"
},
"values": {
"value": "{{[\"ticket_generated\", \"open\", \"in_progress\", \"on_hold\", \"resolved\"]}}"
},
"display_values": {
"value": "{{[\"Ticket generated\", \"Open\", \"In progress\", \"On hold\", \"Resolved\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 2.3255819827807978,
"width": 9,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"c7c2df1b-6f3f-43db-9cc9-b101b9c0e9db": {
"id": "c7c2df1b-6f3f-43db-9cc9-b101b9c0e9db",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Priority"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text19",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 25.581395928846742,
"width": 3.9892582010199282,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"991d588a-d4ed-43b2-8e4d-0f9bae3c5b94": {
"id": "991d588a-d4ed-43b2-8e4d-0f9bae3c5b94",
"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": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"label": {
"value": ""
},
"value": {
"value": "{{queries.tooljetdbGetTicketDetails.data.priority}}"
},
"values": {
"value": "{{[\"p0\", \"p1\", \"p2\", \"p3\", \"p4\"]}}"
},
"display_values": {
"value": "{{[\"P0 - Blocker\", \"P1 - Critical\", \"P2 - Important\", \"P3 - Minor\", \"P4 - Not important\"]}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{false}}",
"fxActive": false
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown2",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 25.58139788942742,
"width": 9,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"b9a08e79-54eb-4902-904d-b06ffb305932": {
"id": "b9a08e79-54eb-4902-904d-b06ffb305932",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Assigned to"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text20",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 60,
"left": 48.83720791433201,
"width": 8,
"height": 30
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"6e7283ba-4172-4b1d-88c6-d7d34da7b291": {
"id": "6e7283ba-4172-4b1d-88c6-d7d34da7b291",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}",
"fxActive": false
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput1.value) || components.textinput1.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"properties": {
"value": {
"value": "{{queries?.tooljetdbGetTicketDetails?.data?.assigned_to ?? \"\"}}"
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"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"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 48.83720863023707,
"width": 17,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"20b0adee-a9ae-480a-a8a3-0837aa7feff4": {
"id": "20b0adee-a9ae-480a-a8a3-0837aa7feff4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "59a73d75-880c-42cd-9c03-5aadc2264f2d",
"queryName": "tooljetdbUpdateTicketDetails",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{components.dropdown1.value == undefined || components.dropdown2.value == undefined || !components.textinput1.isValid || (components.textinput1.value == queries.tooljetdbGetTicketDetails.data.assigned_to && components.dropdown1.value == queries.tooljetdbGetTicketDetails.data.status && components.dropdown2.value == queries.tooljetdbGetTicketDetails.data.priority)}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Save"
},
"loadingState": {
"value": "{{queries.tooljetdbUpdateTicketDetails.isLoading || queries.sendTicketAssigneeEmail.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button5",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 90.69766595916028,
"width": 2.9999999999999996,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
},
"c05c191a-c531-45c0-9eb7-f4e368b887a4": {
"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": "#88888880"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {},
"general": {},
"exposedVariables": {}
},
"name": "divider1",
"displayName": "Divider",
"description": "Separator between components",
"component": "Divider",
"defaultSize": {
"width": 10,
"height": 10
},
"exposedVariables": {
"value": {}
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"layouts": {
"desktop": {
"top": 150,
"left": 2.3255819827807978,
"width": 40.99999999999999,
"height": 10
}
},
"withDefaultChildren": false
},
"78b17afa-aa2d-479c-b3e1-509b5c77b9b6": {
"component": {
"properties": {
"source": {
"type": "code",
"displayName": "URL",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"alternativeText": {
"type": "code",
"displayName": "Alternative text",
"validation": {
"schema": {
"type": "string"
}
}
},
"zoomButtons": {
"type": "toggle",
"displayName": "Zoom button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"rotateButton": {
"type": "toggle",
"displayName": "Rotate button",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
}
},
"styles": {
"borderType": {
"type": "select",
"displayName": "Border type",
"options": [
{
"name": "None",
"value": "none"
},
{
"name": "Rounded",
"value": "rounded"
},
{
"name": "Circle",
"value": "rounded-circle"
},
{
"name": "Thumbnail",
"value": "img-thumbnail"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"padding": {
"type": "code",
"displayName": "Padding",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"imageFit": {
"type": "select",
"displayName": "Image fit",
"options": [
{
"name": "fill",
"value": "fill"
},
{
"name": "contain",
"value": "contain"
},
{
"name": "cover",
"value": "cover"
},
{
"name": "scale-down",
"value": "scale-down"
}
],
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderType": {
"value": "none"
},
"padding": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") == \"\"}}",
"fxActive": true
},
"imageFit": {
"value": "contain"
},
"backgroundColor": {
"value": "#8888881a"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"source": {
"value": "{{queries.tooljetdbGetTicketDetails.data.supporting_file_name == \"\" ? \"\" : queries.s3GetImage.data.url}}"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetTicketDetails.isLoading || queries.s3GetImage.isLoading}}",
"fxActive": true
},
"alternativeText": {
"value": "No image uploaded for this ticket."
},
"zoomButtons": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
},
"rotateButton": {
"value": "{{(queries?.tooljetdbGetTicketDetails?.data?.supporting_file_name ?? \"\") != \"\"}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "image1",
"displayName": "Image",
"description": "Display an Image",
"defaultSize": {
"width": 3,
"height": 100
},
"component": "Image",
"exposedVariables": {}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a",
"layouts": {
"desktop": {
"top": 220,
"left": 2.325576101038764,
"width": 15.000000000000002,
"height": 260
}
},
"withDefaultChildren": false
},
"ba259812-1a03-4d6f-b19c-e58963f498e4": {
"id": "ba259812-1a03-4d6f-b19c-e58963f498e4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344D",
"fxActive": false
},
"textSize": {
"value": "{{16}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Uploaded image"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text13",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 180,
"left": 2.325582570212763,
"width": 10,
"height": 40
}
},
"parent": "b661ce6b-22d4-48c4-8d09-fc8d2169f06a"
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "a2e98309-9352-4836-b64d-dd9c4f7f4822",
"queryName": "tooljetdbGetTicketDetails",
"parameters": {}
}
]
},
"8e03c8cc-643f-4adf-995b-12600a976954": {
"name": "all_customers",
"handle": "all-customers",
"components": {
"ceee4b9a-82ce-4cf6-942a-309e63524e44": {
"id": "ceee4b9a-82ce-4cf6-942a-309e63524e44",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#12344dff"
},
"textSize": {
"value": "{{24}}"
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "All Contacts"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text1",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 9.302324210708631,
"width": 13,
"height": 50
}
}
},
"48c4cf8a-f888-46d1-b10c-e559fe274b66": {
"id": "48c4cf8a-f888-46d1-b10c-e559fe274b66",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": ""
},
"textColor": {
"value": "#9b9b9bff"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "normal"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{!queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "{{`${(queries?.tooljetdbGetAllContacts?.data ?? []).length} total contacts`}}"
},
"loadingState": {
"value": "",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "text2",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 80,
"left": 9.30232558139535,
"width": 9,
"height": 30
}
}
},
"2f23505a-a635-4ee5-ae2f-d94f8215133e": {
"component": {
"properties": {
"title": {
"type": "string",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"data": {
"type": "code",
"displayName": "Table data",
"validation": {
"schema": {
"type": "array",
"element": {
"type": "object"
},
"optional": true
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columns": {
"type": "array",
"displayName": "Table Columns"
},
"useDynamicColumn": {
"type": "toggle",
"displayName": "Use dynamic column",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"columnData": {
"type": "code",
"displayName": "Column data"
},
"rowsPerPage": {
"type": "code",
"displayName": "Number of rows per page",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"serverSidePagination": {
"type": "toggle",
"displayName": "Server-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enableNextButton": {
"type": "toggle",
"displayName": "Enable next page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enabledSort": {
"type": "toggle",
"displayName": "Enable sorting",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"hideColumnSelectorButton": {
"type": "toggle",
"displayName": "Hide column selector button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"enablePrevButton": {
"type": "toggle",
"displayName": "Enable previous page button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"totalRecords": {
"type": "code",
"displayName": "Total records server side",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"clientSidePagination": {
"type": "toggle",
"displayName": "Client-side pagination",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSearch": {
"type": "toggle",
"displayName": "Server-side search",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideSort": {
"type": "toggle",
"displayName": "Server-side sort",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"serverSideFilter": {
"type": "toggle",
"displayName": "Server-side filter",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"actionButtonBackgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonTextColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
}
}
},
"displaySearchBox": {
"type": "toggle",
"displayName": "Show search box",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showDownloadButton": {
"type": "toggle",
"displayName": "Show download button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showFilterButton": {
"type": "toggle",
"displayName": "Show filter button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkUpdateActions": {
"type": "toggle",
"displayName": "Show update buttons",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"showBulkSelector": {
"type": "toggle",
"displayName": "Bulk selection",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"highlightSelectedRow": {
"type": "toggle",
"displayName": "Highlight selected row",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop "
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onRowHovered": {
"displayName": "Row hovered"
},
"onRowClicked": {
"displayName": "Row clicked"
},
"onBulkUpdate": {
"displayName": "Save changes"
},
"onPageChanged": {
"displayName": "Page changed"
},
"onSearch": {
"displayName": "Search"
},
"onCancelChanges": {
"displayName": "Cancel changes"
},
"onSort": {
"displayName": "Sort applied"
},
"onCellValueChanged": {
"displayName": "Cell value changed"
},
"onFilterChanged": {
"displayName": "Filter changed"
},
"onNewRowsAdded": {
"displayName": "Add new rows"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"actionButtonRadius": {
"type": "code",
"displayName": "Action Button Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "boolean"
}
]
}
}
},
"tableType": {
"type": "select",
"displayName": "Table type",
"options": [
{
"name": "Bordered",
"value": "table-bordered"
},
{
"name": "Regular",
"value": "table-classic"
},
{
"name": "Striped",
"value": "table-striped"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"cellSize": {
"type": "select",
"displayName": "Cell size",
"options": [
{
"name": "Condensed",
"value": "condensed"
},
{
"name": "Regular",
"value": "regular"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"actionButtonRadius": {
"value": "0"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"cellSize": {
"value": "regular"
},
"borderRadius": {
"value": "10"
},
"tableType": {
"value": "table-classic"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Table"
},
"visible": {
"value": "{{true}}"
},
"loadingState": {
"value": "{{queries.tooljetdbGetAllContacts.isLoading}}",
"fxActive": true
},
"data": {
"value": "{{queries?.tooljetdbGetAllContacts?.data ?? []}}"
},
"useDynamicColumn": {
"value": "{{false}}"
},
"columnData": {
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
},
"rowsPerPage": {
"value": "{{20}}"
},
"serverSidePagination": {
"value": "{{false}}"
},
"enableNextButton": {
"value": "{{true}}"
},
"enablePrevButton": {
"value": "{{true}}"
},
"totalRecords": {
"value": ""
},
"clientSidePagination": {
"value": "{{true}}"
},
"serverSideSort": {
"value": "{{false}}"
},
"serverSideFilter": {
"value": "{{false}}"
},
"displaySearchBox": {
"value": "{{true}}"
},
"showDownloadButton": {
"value": "{{true}}"
},
"showFilterButton": {
"value": "{{true}}"
},
"autogenerateColumns": {
"value": true
},
"columns": {
"value": [
{
"name": "id",
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
"autogenerated": true
},
{
"name": "name",
"id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a",
"autogenerated": true
},
{
"name": "email",
"id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f",
"autogenerated": true
},
{
"id": "573f181f-9df0-4dbb-9f8e-4a1ce660689a",
"name": "title",
"key": "title",
"columnType": "string",
"autogenerated": true
},
{
"id": "0b02428a-b586-471f-8e92-269d51d2f353",
"name": "organization",
"key": "organization",
"columnType": "string",
"autogenerated": true
},
{
"id": "6222c541-6ca9-41de-ba1e-56fcfe484a9a",
"name": "country",
"key": "country",
"columnType": "string",
"autogenerated": true
},
{
"id": "35c77b67-fbce-479b-b610-9c12daf01848",
"name": "language",
"key": "language",
"columnType": "string",
"autogenerated": true
}
]
},
"showBulkUpdateActions": {
"value": "{{false}}"
},
"showBulkSelector": {
"value": "{{false}}"
},
"highlightSelectedRow": {
"value": "{{false}}"
},
"columnSizes": {
"value": {
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 44,
"5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 194,
"434f0654-adfd-4978-99ea-6a8c8359e0bc": 146,
"862b7244-f3d3-4bcb-a35a-519adb88118f": 134,
"afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 248,
"a2d24c22-78d8-4b80-b911-c04d68892613": 28,
"573f181f-9df0-4dbb-9f8e-4a1ce660689a": 191,
"6222c541-6ca9-41de-ba1e-56fcfe484a9a": 197,
"35c77b67-fbce-479b-b610-9c12daf01848": 174
}
},
"actions": {
"value": []
},
"enabledSort": {
"value": "{{true}}"
},
"hideColumnSelectorButton": {
"value": "{{false}}"
},
"columnDeletionHistory": {
"value": [
"new_column2",
"Tags",
"Timezone",
"Last updated"
]
},
"showAddNewRowButton": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "table1",
"displayName": "Table",
"description": "Display paginated tabular data",
"component": "Table",
"defaultSize": {
"width": 20,
"height": 358
},
"exposedVariables": {
"selectedRow": {},
"changeSet": {},
"dataUpdates": [],
"pageIndex": 1,
"searchText": "",
"selectedRows": [],
"filters": []
},
"actions": [
{
"handle": "setPage",
"displayName": "Set page",
"params": [
{
"handle": "page",
"displayName": "Page",
"defaultValue": "{{1}}"
}
]
},
{
"handle": "selectRow",
"displayName": "Select row",
"params": [
{
"handle": "key",
"displayName": "Key"
},
{
"handle": "value",
"displayName": "Value"
}
]
},
{
"handle": "deselectRow",
"displayName": "Deselect row"
},
{
"handle": "discardChanges",
"displayName": "Discard Changes"
},
{
"handle": "discardNewlyAddedRows",
"displayName": "Discard newly added rows"
}
]
},
"layouts": {
"desktop": {
"top": 129.99999237060547,
"left": 9.30230521254236,
"width": 38,
"height": 660
}
},
"withDefaultChildren": false
},
"3ccfb4d8-7912-4063-9f90-2d16baeae96d": {
"id": "3ccfb4d8-7912-4063-9f90-2d16baeae96d",
"component": {
"properties": {},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border Radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"borderRadius": {
"value": "0"
},
"borderColor": {
"value": "#ffffff00"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"visible": {
"value": "{{true}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "container1",
"displayName": "Container",
"description": "Wrapper for multiple components",
"defaultSize": {
"width": 5,
"height": 200
},
"component": "Container",
"exposedVariables": {}
},
"layouts": {
"desktop": {
"top": 0.00000762939453125,
"left": 0,
"width": 2.9999999999999996,
"height": 950
}
}
},
"a798e257-82cd-4e9b-99e3-5cb2c36fda44": {
"id": "a798e257-82cd-4e9b-99e3-5cb2c36fda44",
"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": "switch-page",
"message": "Hello world!",
"alertType": "info",
"pageId": "de8cf079-8f08-4a7c-9e2e-2bb4b689a436"
}
],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconHome2"
}
},
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.59600069407166,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"df28f654-ee9e-462f-a5e8-07d12a63b393": {
"id": "df28f654-ee9e-462f-a5e8-07d12a63b393",
"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": [],
"styles": {
"iconColor": {
"value": "#d1d1d1ff"
},
"visibility": {
"value": "{{true}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"icon": {
"value": "IconUsers"
}
},
"general": {},
"exposedVariables": {}
},
"name": "icon2",
"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"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 220,
"left": 23.255806791135765,
"width": 18.298634919772905,
"height": 30
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"251dc6be-a4dc-41c3-8caa-55bf53225a9b": {
"id": "251dc6be-a4dc-41c3-8caa-55bf53225a9b",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#ffffffff"
},
"textSize": {
"value": "{{20}}"
},
"textAlign": {
"value": "center"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "B R<br>N D"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text3",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 30,
"left": 0.000006130624711886412,
"width": 40,
"height": 60
}
},
"parent": "3ccfb4d8-7912-4063-9f90-2d16baeae96d"
},
"1dab8e54-bcff-47aa-a730-f571faa87a0c": {
"component": {
"properties": {
"title": {
"type": "code",
"displayName": "Title",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"useDefaultButton": {
"type": "toggle",
"displayName": "Use default trigger button",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"triggerButtonLabel": {
"type": "code",
"displayName": "Trigger button label",
"validation": {
"schema": {
"type": "string"
}
}
},
"hideTitleBar": {
"type": "toggle",
"displayName": "Hide title bar"
},
"hideCloseButton": {
"type": "toggle",
"displayName": "Hide close button"
},
"hideOnEsc": {
"type": "toggle",
"displayName": "Close on escape key"
},
"closeOnClickingOutside": {
"type": "toggle",
"displayName": "Close on clicking outside"
},
"size": {
"type": "select",
"displayName": "Modal size",
"options": [
{
"name": "small",
"value": "sm"
},
{
"name": "medium",
"value": "lg"
},
{
"name": "large",
"value": "xl"
}
],
"validation": {
"schema": {
"type": "string"
}
}
},
"modalHeight": {
"type": "code",
"displayName": "Modal Height",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onOpen": {
"displayName": "On open"
},
"onClose": {
"displayName": "On close"
}
},
"styles": {
"headerBackgroundColor": {
"type": "color",
"displayName": "Header background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"headerTextColor": {
"type": "color",
"displayName": "Header title color",
"validation": {
"schema": {
"type": "string"
}
}
},
"bodyBackgroundColor": {
"type": "color",
"displayName": "Body background color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": true
}
},
"triggerButtonBackgroundColor": {
"type": "color",
"displayName": "Trigger button background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"triggerButtonTextColor": {
"type": "color",
"displayName": "Trigger button text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"headerBackgroundColor": {
"value": "#ffffffff"
},
"headerTextColor": {
"value": "#000000"
},
"bodyBackgroundColor": {
"value": "#ffffffff"
},
"disabledState": {
"value": "{{false}}"
},
"visibility": {
"value": "{{true}}"
},
"triggerButtonBackgroundColor": {
"value": "#12344dff"
},
"triggerButtonTextColor": {
"value": "#ffffffff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"title": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
},
"useDefaultButton": {
"value": "{{false}}"
},
"triggerButtonLabel": {
"value": "Add Contact"
},
"size": {
"value": "lg"
},
"hideTitleBar": {
"value": "{{false}}"
},
"hideCloseButton": {
"value": "{{false}}"
},
"hideOnEsc": {
"value": "{{true}}"
},
"closeOnClickingOutside": {
"value": "{{false}}"
},
"modalHeight": {
"value": "470px"
}
},
"general": {},
"exposedVariables": {}
},
"name": "modal1",
"displayName": "Modal",
"description": "Modal triggered by events",
"component": "Modal",
"defaultSize": {
"width": 10,
"height": 34
},
"exposedVariables": {
"show": false
},
"actions": [
{
"handle": "open",
"displayName": "Open"
},
{
"handle": "close",
"displayName": "Close"
}
]
},
"layouts": {
"desktop": {
"top": 100,
"left": 74.4186046511628,
"width": 10,
"height": 30
}
},
"withDefaultChildren": false
},
"8716b72a-5a96-40b3-bdf7-f372ff148fc7": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "show-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add Contact"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button1",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 40,
"left": 83.72116583613709,
"width": 6,
"height": 40
}
},
"withDefaultChildren": false
},
"af813b96-b45f-4f8f-a676-832bc4289fe4": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Name"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text4",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 30,
"left": 6.9767462792955985,
"width": 7,
"height": 40
}
},
"withDefaultChildren": false
},
"e7653385-3303-4381-9fef-5cba26b8462c": {
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter name"
}
},
"general": {},
"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"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 30,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"f5a9c2bd-7ccc-4286-bb69-f24ef4f3a7a0": {
"id": "f5a9c2bd-7ccc-4286-bb69-f24ef4f3a7a0",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Email"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text5",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 6.976742690868592,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"0b3c8af9-066c-4000-9660-854ab827728f": {
"id": "0b3c8af9-066c-4000-9660-854ab827728f",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Title"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text6",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 6.976744186046512,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"6d1beea3-5020-43a9-a554-d295f6e786c8": {
"id": "6d1beea3-5020-43a9-a554-d295f6e786c8",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Organization"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text7",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 210,
"left": 6.976741195690673,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"c5666389-6356-4285-ac42-7f607fb2b1d4": {
"id": "c5666389-6356-4285-ac42-7f607fb2b1d4",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Country"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text8",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 270,
"left": 6.976742690868592,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"07736ee2-99da-4d47-9311-bd55a663a500": {
"id": "07736ee2-99da-4d47-9311-bd55a663a500",
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Text",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Show loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {},
"styles": {
"fontWeight": {
"type": "select",
"displayName": "Font Weight",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "bold",
"value": "bold"
},
{
"name": "lighter",
"value": "lighter"
},
{
"name": "bolder",
"value": "bolder"
}
]
},
"decoration": {
"type": "select",
"displayName": "Text Decoration",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "overline",
"value": "overline"
},
{
"name": "line-through",
"value": "line-through"
},
{
"name": "underline",
"value": "underline"
},
{
"name": "overline underline",
"value": "overline underline"
}
]
},
"transformation": {
"type": "select",
"displayName": "Text Transformation",
"options": [
{
"name": "none",
"value": "none"
},
{
"name": "uppercase",
"value": "uppercase"
},
{
"name": "lowercase",
"value": "lowercase"
},
{
"name": "capitalize",
"value": "capitalize"
}
]
},
"fontStyle": {
"type": "select",
"displayName": "Font Style",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "italic",
"value": "italic"
},
{
"name": "oblique",
"value": "oblique"
}
]
},
"lineHeight": {
"type": "number",
"displayName": "Line Height"
},
"textIndent": {
"type": "number",
"displayName": "Text Indent"
},
"letterSpacing": {
"type": "number",
"displayName": "Letter Spacing"
},
"wordSpacing": {
"type": "number",
"displayName": "Word Spacing"
},
"fontVariant": {
"type": "select",
"displayName": "Font Variant",
"options": [
{
"name": "normal",
"value": "normal"
},
{
"name": "small-caps",
"value": "small-caps"
},
{
"name": "initial",
"value": "initial"
},
{
"name": "inherit",
"value": "inherit"
}
]
},
"textSize": {
"type": "number",
"displayName": "Text Size",
"validation": {
"schema": {
"type": "number"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"textAlign": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"backgroundColor": {
"value": "#fff00000"
},
"textColor": {
"value": "#000000"
},
"textSize": {
"value": 14
},
"textAlign": {
"value": "left"
},
"fontWeight": {
"value": "bold"
},
"decoration": {
"value": "none"
},
"transformation": {
"value": "none"
},
"fontStyle": {
"value": "normal"
},
"lineHeight": {
"value": 1.5
},
"textIndent": {
"value": 0
},
"letterSpacing": {
"value": 0
},
"wordSpacing": {
"value": 0
},
"fontVariant": {
"value": "normal"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Language"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "text9",
"displayName": "Text",
"description": "Display markdown or HTML",
"component": "Text",
"defaultSize": {
"width": 6,
"height": 30
},
"exposedVariables": {
"text": "Hello, there!"
},
"actions": [
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New text"
}
]
},
{
"handle": "visibility",
"displayName": "Set Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 330,
"left": 6.976744186046512,
"width": 7,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"622183b9-d87b-4b12-aa12-5e596191c2c0": {
"id": "622183b9-d87b-4b12-aa12-5e596191c2c0",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) || components.textinput2.value == \"\" ? true : \"Invalid email format\"}}"
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter email"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput2",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 90,
"left": 23.255809567633154,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"c8ca9b1d-1810-4f6e-8af8-779ca6a589e7": {
"id": "c8ca9b1d-1810-4f6e-8af8-779ca6a589e7",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter title"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput3",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 150,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"806313f7-17d1-4c72-8200-62c29493be86": {
"id": "806313f7-17d1-4c72-8200-62c29493be86",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter organization name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput4",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 210,
"left": 23.255813953488374,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"9abdde34-6893-4032-ad59-f9e402e345b1": {
"id": "9abdde34-6893-4032-ad59-f9e402e345b1",
"component": {
"properties": {
"value": {
"type": "code",
"displayName": "Default value",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onChange": {
"displayName": "On change"
},
"onEnterPressed": {
"displayName": "On Enter Pressed"
},
"onFocus": {
"displayName": "On focus"
},
"onBlur": {
"displayName": "On blur"
}
},
"styles": {
"textColor": {
"type": "color",
"displayName": "Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"backgroundColor": {
"type": "color",
"displayName": "Background Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderColor": {
"type": "color",
"displayName": "Border Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"errTextColor": {
"type": "color",
"displayName": "Error Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"textColor": {
"value": "#000"
},
"borderColor": {
"value": "#dadcde"
},
"errTextColor": {
"value": "#ff0000"
},
"borderRadius": {
"value": "{{5}}"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"backgroundColor": {
"value": "#fff"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"regex": {
"value": ""
},
"minLength": {
"value": null
},
"maxLength": {
"value": null
},
"customRule": {
"value": null
}
},
"properties": {
"value": {
"value": ""
},
"placeholder": {
"value": "Enter country name"
}
},
"general": {},
"exposedVariables": {}
},
"name": "textinput5",
"displayName": "Text Input",
"description": "Text field for forms",
"component": "TextInput",
"defaultSize": {
"width": 6,
"height": 30
},
"validation": {
"regex": {
"type": "code",
"displayName": "Regex"
},
"minLength": {
"type": "code",
"displayName": "Min length"
},
"maxLength": {
"type": "code",
"displayName": "Max length"
},
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": ""
},
"actions": [
{
"handle": "setText",
"displayName": "Set text",
"params": [
{
"handle": "text",
"displayName": "text",
"defaultValue": "New Text"
}
]
},
{
"handle": "clear",
"displayName": "Clear"
},
{
"handle": "setFocus",
"displayName": "Set focus"
},
{
"handle": "setBlur",
"displayName": "Set blur"
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visibility",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"layouts": {
"desktop": {
"top": 270,
"left": 23.2558140531669,
"width": 30.000000000000004,
"height": 40
}
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
},
"30d4806a-6cf2-4120-b4aa-521a7b4c47ae": {
"component": {
"properties": {
"label": {
"type": "code",
"displayName": "Label",
"validation": {
"schema": {
"type": "string"
}
}
},
"placeholder": {
"type": "code",
"displayName": "Placeholder",
"validation": {
"validation": {
"schema": {
"type": "string"
}
}
}
},
"advanced": {
"type": "toggle",
"displayName": "Advanced",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"value": {
"type": "code",
"displayName": "Default value",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
},
"values": {
"type": "code",
"displayName": "Option values",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"display_values": {
"type": "code",
"displayName": "Option labels",
"conditionallyRender": {
"key": "advanced",
"value": false
},
"validation": {
"schema": {
"type": "array",
"element": {
"type": "union",
"schemas": [
{
"type": "string"
},
{
"type": "number"
},
{
"type": "boolean"
}
]
}
}
}
},
"schema": {
"type": "code",
"displayName": "Schema",
"conditionallyRender": {
"key": "advanced",
"value": true
}
},
"loadingState": {
"type": "toggle",
"displayName": "Options loading state",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onSelect": {
"displayName": "On select"
},
"onSearchTextChanged": {
"displayName": "On search text changed"
}
},
"styles": {
"borderRadius": {
"type": "code",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "union",
"schemas": [
{
"type": "number"
},
{
"type": "string"
}
]
}
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"selectedTextColor": {
"type": "color",
"displayName": "Selected Text Color",
"validation": {
"schema": {
"type": "string"
}
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
}
}
},
"justifyContent": {
"type": "alignButtons",
"displayName": "Align Text",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [],
"styles": {
"borderRadius": {
"value": "5"
},
"visibility": {
"value": "{{true}}"
},
"disabledState": {
"value": "{{false}}"
},
"justifyContent": {
"value": "left"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"validation": {
"customRule": {
"value": null
}
},
"properties": {
"advanced": {
"value": "{{false}}"
},
"schema": {
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
},
"label": {
"value": ""
},
"value": {
"value": "{{\"english\"}}"
},
"values": {
"value": "{{[\"english\", \"hindi\", \"french\", \"arabic\", \"spanish\", \"portuguese\", \"german\", \"russian\", \"malay\", \"italian\"]}}"
},
"display_values": {
"value": "{{[\"English\", \"Hindi\", \"French\", \"Arabic\", \"Spanish\", \"Portuguese\", \"German\", \"Russian\", \"Malay\", \"Italian\"]}}"
},
"loadingState": {
"value": "{{false}}"
},
"placeholder": {
"value": "Select a language"
}
},
"general": {},
"exposedVariables": {}
},
"name": "dropdown1",
"displayName": "Dropdown",
"description": "Select one value from options",
"defaultSize": {
"width": 8,
"height": 30
},
"component": "DropDown",
"validation": {
"customRule": {
"type": "code",
"displayName": "Custom validation"
}
},
"exposedVariables": {
"value": 2,
"searchText": "",
"label": "Select",
"optionLabels": [
"one",
"two",
"three"
],
"selectedOptionLabel": "two"
},
"actions": [
{
"handle": "selectOption",
"displayName": "Select option",
"params": [
{
"handle": "select",
"displayName": "Select"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 330,
"left": 23.255814450597605,
"width": 30.000000000000004,
"height": 40
}
},
"withDefaultChildren": false
},
"ff16e8e2-779d-4f5c-be11-9689236131f8": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "c9a498c4-8e43-4a60-a9a7-b312ecbad39e",
"queryName": "tooljetdbAddContact",
"parameters": {}
}
],
"styles": {
"backgroundColor": {
"value": "#12344dff"
},
"textColor": {
"value": "#fff"
},
"loaderColor": {
"value": "#fff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#375FCF"
},
"disabledState": {
"value": "{{components.textinput1.value.length == 0 || components.textinput2.value.length == 0 || !components.textinput2.isValid || components.textinput3.value.length == 0 || components.textinput4.value.length == 0 || components.textinput5.value.length == 0 || components.dropdown1.value == undefined}}",
"fxActive": true
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Add contact"
},
"loadingState": {
"value": "{{queries.tooljetdbAddContact.isLoading}}",
"fxActive": true
}
},
"general": {},
"exposedVariables": {}
},
"name": "button2",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 400,
"left": 76.74418973590058,
"width": 7,
"height": 40
}
},
"withDefaultChildren": false
},
"e971eff3-812c-4a03-b7cc-4e15d148bda0": {
"component": {
"properties": {
"text": {
"type": "code",
"displayName": "Button Text",
"validation": {
"schema": {
"type": "string"
}
}
},
"loadingState": {
"type": "toggle",
"displayName": "Loading State",
"validation": {
"schema": {
"type": "boolean"
}
}
}
},
"general": {
"tooltip": {
"type": "code",
"displayName": "Tooltip",
"validation": {
"schema": {
"type": "string"
}
}
}
},
"others": {
"showOnDesktop": {
"type": "toggle",
"displayName": "Show on desktop"
},
"showOnMobile": {
"type": "toggle",
"displayName": "Show on mobile"
}
},
"events": {
"onClick": {
"displayName": "On click"
},
"onHover": {
"displayName": "On hover"
}
},
"styles": {
"backgroundColor": {
"type": "color",
"displayName": "Background color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"textColor": {
"type": "color",
"displayName": "Text color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"loaderColor": {
"type": "color",
"displayName": "Loader color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
},
"visibility": {
"type": "toggle",
"displayName": "Visibility",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"disabledState": {
"type": "toggle",
"displayName": "Disable",
"validation": {
"schema": {
"type": "boolean"
},
"defaultValue": false
}
},
"borderRadius": {
"type": "number",
"displayName": "Border radius",
"validation": {
"schema": {
"type": "number"
},
"defaultValue": false
}
},
"borderColor": {
"type": "color",
"displayName": "Border color",
"validation": {
"schema": {
"type": "string"
},
"defaultValue": false
}
}
},
"validate": true,
"generalStyles": {
"boxShadow": {
"type": "boxShadow",
"displayName": "Box Shadow"
}
},
"definition": {
"others": {
"showOnDesktop": {
"value": "{{true}}"
},
"showOnMobile": {
"value": "{{false}}"
}
},
"events": [
{
"eventId": "onClick",
"actionId": "close-modal",
"message": "Hello world!",
"alertType": "info",
"modal": "1dab8e54-bcff-47aa-a730-f571faa87a0c"
}
],
"styles": {
"backgroundColor": {
"value": "#ffffff1a"
},
"textColor": {
"value": "#12344dff"
},
"loaderColor": {
"value": "#12344dff"
},
"visibility": {
"value": "{{true}}"
},
"borderRadius": {
"value": "{{5}}"
},
"borderColor": {
"value": "#12344dff"
},
"disabledState": {
"value": "{{false}}"
}
},
"generalStyles": {
"boxShadow": {
"value": "0px 0px 0px 0px #00000040"
}
},
"properties": {
"text": {
"value": "Cancel"
},
"loadingState": {
"value": "{{false}}"
}
},
"general": {},
"exposedVariables": {}
},
"name": "button3",
"displayName": "Button",
"description": "Trigger actions: queries, alerts etc",
"component": "Button",
"defaultSize": {
"width": 3,
"height": 30
},
"exposedVariables": {
"buttonText": "Button"
},
"actions": [
{
"handle": "click",
"displayName": "Click"
},
{
"handle": "setText",
"displayName": "Set Text",
"params": [
{
"handle": "text",
"displayName": "Text",
"defaultValue": "New Text"
}
]
},
{
"handle": "disable",
"displayName": "Disable",
"params": [
{
"handle": "disable",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "visibility",
"displayName": "Visibility",
"params": [
{
"handle": "visible",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
},
{
"handle": "loading",
"displayName": "Loading",
"params": [
{
"handle": "loading",
"displayName": "Value",
"defaultValue": "{{false}}",
"type": "toggle"
}
]
}
]
},
"parent": "1dab8e54-bcff-47aa-a730-f571faa87a0c",
"layouts": {
"desktop": {
"top": 400.00000762939453,
"left": 62.79069569937815,
"width": 5,
"height": 40
}
},
"withDefaultChildren": false
}
},
"events": [
{
"eventId": "onPageLoad",
"actionId": "run-query",
"message": "Hello world!",
"alertType": "info",
"queryId": "c89ea0b0-4ab0-419f-a82c-b7b018bfc9e3",
"queryName": "tooljetdbGetAllContacts",
"parameters": {}
}
]
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1200",
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
}
},
"globalSettings": {
"hideHeader": true,
"appInMaintenance": false,
"canvasMaxWidth": "100",
"canvasMaxWidthType": "%",
"canvasMaxHeight": "1200",
"canvasBackgroundColor": "",
"backgroundFxQuery": ""
},
"showViewerNavigation": false,
"homePageId": "cc102c37-7ff1-4421-999e-c11b58310eac",
"appId": "fc9b77ec-f4cf-4a7d-b36c-ba899c9c97f0",
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"promotedFrom": null,
"createdAt": "2023-08-11T05:30:50.997Z",
"updatedAt": "2024-01-02T10:48:01.948Z"
}
],
"appEnvironments": [
{
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "production",
"isDefault": true,
"priority": 3,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "staging",
"isDefault": false,
"priority": 2,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
},
{
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
"name": "development",
"isDefault": false,
"priority": 1,
"enabled": true,
"createdAt": "2023-04-26T19:44:06.852Z",
"updatedAt": "2023-04-26T19:44:06.852Z"
}
],
"dataSourceOptions": [
{
"id": "16722499-31b5-4b46-b1df-ed4ad1acc8ec",
"dataSourceId": "5b6ee06f-8f40-4dc0-b93c-6f331c09e16d",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {},
"createdAt": "2023-08-11T05:30:51.039Z",
"updatedAt": "2023-08-11T05:30:51.039Z"
},
{
"id": "9a318479-eeab-4446-801a-52e9cfd3070d",
"dataSourceId": "5b6ee06f-8f40-4dc0-b93c-6f331c09e16d",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {},
"createdAt": "2023-08-11T05:30:51.041Z",
"updatedAt": "2023-08-11T05:30:51.041Z"
},
{
"id": "8e8d8043-75c0-4d79-b653-6878cf3443d4",
"dataSourceId": "5b6ee06f-8f40-4dc0-b93c-6f331c09e16d",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {},
"createdAt": "2023-08-11T05:30:51.043Z",
"updatedAt": "2023-08-11T05:30:51.043Z"
},
{
"id": "9f7ac124-bb3d-49b3-a31e-22d3748893aa",
"dataSourceId": "fb7ba320-0c2f-4b72-834c-c1ca73066ece",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {},
"createdAt": "2023-08-11T05:30:51.046Z",
"updatedAt": "2023-08-11T05:30:51.046Z"
},
{
"id": "9a550543-805f-4b34-aa13-b92d02f1ffcb",
"dataSourceId": "fb7ba320-0c2f-4b72-834c-c1ca73066ece",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {},
"createdAt": "2023-08-11T05:30:51.049Z",
"updatedAt": "2023-08-11T05:30:51.049Z"
},
{
"id": "d33927b6-68cb-491c-89ab-92eba9e9e420",
"dataSourceId": "fb7ba320-0c2f-4b72-834c-c1ca73066ece",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {},
"createdAt": "2023-08-11T05:30:51.050Z",
"updatedAt": "2023-08-11T05:30:51.050Z"
},
{
"id": "1cf19dac-8763-472b-a7c3-79bd785fe5c2",
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {},
"createdAt": "2023-08-11T05:30:51.054Z",
"updatedAt": "2023-08-11T05:30:51.054Z"
},
{
"id": "8b0aba4d-a18b-46e0-b6f8-74e3d0e120d0",
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {},
"createdAt": "2023-08-11T05:30:51.056Z",
"updatedAt": "2023-08-11T05:30:51.056Z"
},
{
"id": "ce5afd07-2e89-4459-9316-52d3a1ff4cc8",
"dataSourceId": "e3bafba7-75c5-4160-847c-c06740afe8b3",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {},
"createdAt": "2023-08-11T05:30:51.058Z",
"updatedAt": "2023-08-11T05:30:51.058Z"
},
{
"id": "3705a1ca-7f79-4b54-b2f3-9c9c51ac15fb",
"dataSourceId": "9fd53f6d-62f9-4286-b46c-a26d7fb00281",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {},
"createdAt": "2023-08-11T05:30:51.061Z",
"updatedAt": "2023-08-11T05:30:51.061Z"
},
{
"id": "9f910e79-2e89-4b95-8f51-e4c8f468bb06",
"dataSourceId": "9fd53f6d-62f9-4286-b46c-a26d7fb00281",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {},
"createdAt": "2023-08-11T05:30:51.063Z",
"updatedAt": "2023-08-11T05:30:51.063Z"
},
{
"id": "c29e2d61-df14-4058-be31-0e6049af3767",
"dataSourceId": "9fd53f6d-62f9-4286-b46c-a26d7fb00281",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {},
"createdAt": "2023-08-11T05:30:51.065Z",
"updatedAt": "2023-08-11T05:30:51.065Z"
},
{
"id": "140ac414-92c7-4b0a-b84e-a315b5f6b5bd",
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {
"access_key": {
"value": "",
"encrypted": false
},
"secret_key": {
"credential_id": "",
"encrypted": true
},
"region": {
"value": "us-west-1",
"encrypted": false
},
"endpoint": {
"value": "",
"encrypted": false
},
"endpoint_enabled": {
"value": false,
"encrypted": false
},
"instance_metadata_credentials": {
"value": "iam_access_keys",
"encrypted": false
}
},
"createdAt": "2023-08-24T16:58:39.246Z",
"updatedAt": "2023-08-24T16:58:39.259Z"
},
{
"id": "aa593377-cec9-4031-a711-103cb8cc4ef5",
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {
"access_key": {
"value": "",
"encrypted": false
},
"secret_key": {
"credential_id": "",
"encrypted": true
},
"region": {
"value": "us-west-1",
"encrypted": false
},
"endpoint": {
"value": "",
"encrypted": false
},
"endpoint_enabled": {
"value": false,
"encrypted": false
},
"instance_metadata_credentials": {
"value": "iam_access_keys",
"encrypted": false
}
},
"createdAt": "2023-08-24T16:58:39.246Z",
"updatedAt": "2023-08-24T16:58:39.254Z"
},
{
"id": "9c7c8855-e71b-47f5-a5fd-7493336c60c4",
"dataSourceId": "ac30704f-8da8-4114-8761-3387cd2dc51c",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {
"access_key": {
"value": "",
"encrypted": false
},
"secret_key": {
"credential_id": "",
"encrypted": true
},
"region": {
"value": "us-west-1",
"encrypted": false
},
"endpoint": {
"value": "",
"encrypted": false
},
"endpoint_enabled": {
"value": false,
"encrypted": false
},
"instance_metadata_credentials": {
"value": "iam_access_keys",
"encrypted": false
}
},
"createdAt": "2023-08-24T16:58:39.246Z",
"updatedAt": "2023-08-24T16:58:39.259Z"
},
{
"id": "7fb4953a-64fc-442e-9896-687865020ecc",
"dataSourceId": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
"options": {
"host": {
"value": "",
"encrypted": false
},
"port": {
"value": "",
"encrypted": false
},
"user": {
"value": "",
"encrypted": false
},
"password": {
"credential_id": "",
"encrypted": true
}
},
"createdAt": "2023-09-01T08:32:35.885Z",
"updatedAt": "2023-09-01T09:44:58.901Z"
},
{
"id": "995e8fe7-c094-4382-a525-49b50b600e3e",
"dataSourceId": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
"options": {
"host": {
"value": "",
"encrypted": false
},
"port": {
"value": "",
"encrypted": false
},
"user": {
"value": "",
"encrypted": false
},
"password": {
"credential_id": "",
"encrypted": true
}
},
"createdAt": "2023-09-01T08:32:35.885Z",
"updatedAt": "2023-09-01T08:32:35.898Z"
},
{
"id": "5018c012-11c3-47c0-b2f7-44e35570ce45",
"dataSourceId": "5c29afd8-47b3-4399-aaa1-6265fd9c6935",
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
"options": {
"host": {
"value": "",
"encrypted": false
},
"port": {
"value": "",
"encrypted": false
},
"user": {
"value": "",
"encrypted": false
},
"password": {
"credential_id": "",
"encrypted": true
}
},
"createdAt": "2023-09-01T08:32:35.885Z",
"updatedAt": "2023-09-01T08:32:35.899Z"
}
],
"schemaDetails": {
"multiPages": true,
"multiEnv": true,
"globalDataSources": true
}
}
}
}
],
"tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8"
}